반응형 React.JS2 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 70 (리액트 라이브러리 API, 리액트 컴포넌트, 컴포넌트 렌더링) 목차리액트 라이브러리 API리액트 컴포넌트컴포넌트 렌더링오늘 하루를 돌아보며 리액트 라이브러리 API리액트 라이브러리를 사용하면 정적 마크업을 동적으로 구현할 수 있다. React.createElement는 리액트 앱 UI를 구성하는 요소(Element)를 생성하는 API(함수)다. ReactDOM.createRoot는 리액트로 구현된 요소 트리(Element Tree)를 실제 DOM에 렌더링하는 API(함수)다.// React.createElement(type, props, ...children)const divElement = React.createElement('div', { className: 'container' })// ReactDOM.createRoot(element)const root = .. 2025. 8. 12. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 69 (안녕! 리액트) 목차리액트 라이브러리리액트의 탄생과 발전사리액트의 특징오늘 하루를 돌아보며 리액트 라이브러리리액트는 웹 또는 모바일 사용자 인터페이스(UI)를 구축하는 라이브러리다. 종종 리액트를 프론트엔드 프레임워크라고도 부르지만, 실제로는 라이브러리에 더 가깝다. 리엑트는 사용자 인터페이스 구축에 집중하며, 라우팅이나 인증 등은 별도의 라이브러리로 보완해야 하기 때문이다. 리액트는 라이브러리의 기능만 제공하기 때문에 필요한 기능만 선택적으로 도입할 수 있어 유연성이 높다. 반면, 여러 옵션 중 필요한 것을 직접 선택해야 하기 때문에 초보자에게는 오히려 혼란을 줄 수 있기도 하다. 간단한 웹사이트는 자바스크립트만으로 충분히 구현할 수 있지만 웹 애플리케이션이 복잡해질수록 기존 자바스크립트만으로는 유지보수와 확장성이 점.. 2025. 8. 11. 이전 1 다음 반응형
