프론트엔드/React (2) 썸네일형 리스트형 [React] Create React App으로 설치된 기본 구조 기본 폴더 구조 필수 파일이름이 변경되면 리액트 애플리케이션이 정상 작동하지 않으므로 주의가 필요합니다.public/index.html : 애플리케이션이 로드될 HTML 템플릿입니다. 모든 리액트 컴포넌트의 컨테이너 역할을 하며, 주로 div 요소에 id root를 통해 리액트가 렌더링됩니다.src/index.js : 리액트 앱의 자바스크립트 엔트리 포인트로, 모든 컴포넌트의 루트이며 ReactDOM.render() 메서드가 호출되는 시작 지점입니다. 주요 폴더 및 파일 설명1. public/ 폴더정적 파일들이 들어가는 폴더로, HTML 템플릿과 같은 리소스를 포함합니다. 이 폴더에 있는 파일들은 직접 URL로 접근할 수 있습니다.index.html: 애플리케이션이 로드될 때 사용되는 HTML 템플릿입.. [React] 리액트 컴포넌트 리액트에서 컴포넌트(Component)는 앱을 구성하는 기본적인 단위로, 재사용성과 독립성을 갖춘 UI 요소입니다. 이 컴포넌트들을 조합하여 더 큰 단위의 UI를 만들고, 페이지를 구성할 수 있습니다. 컴포넌트는 각각 독립적인 기능과 스타일을 포함할 수 있어, 유지보수성과 가독성을 높이며, 리액트 애플리케이션을 유연하게 구성할 수 있습니다.리액트 컴포넌트의 특징재사용 가능성: 컴포넌트는 독립적으로 구성되므로 여러 곳에서 재사용할 수 있습니다. 같은 컴포넌트를 다양한 곳에서 사용할 수 있어 코드의 일관성을 높이고, 반복 작업을 줄일 수 있습니다.분업 개발: 여러 개발자가 각각의 컴포넌트를 동시에 개발할 수 있습니다. 컴포넌트 단위로 작업하므로, 협업 시 서로 간섭 없이 병렬 작업이 가능합니다.상태와 생명주.. 이전 1 다음