Ellen's Web Note

컴포넌트(component)란? * 재사용을 위한 특정 부분(기능)의 코드뭉치(모듈)의 단위 이미지와 같은 레이아웃을 생성할 때 일정관리(헤더) 컴포넌트, 검색 컴포넌트, 일정역역 컴포넌트, 각 일정(input 라인) 컴포넌트 총 4개의 컴포넌트로 구성됨. 컴포넌트 선언방식 1. 함수형 1. 클래스형 컴포넌트보다 선언이 쉬움. 2. 클래스형 컴포넌트보다 메모리가 가벼움. 3. 빌드했을 때 배포 파일이 클래스형 컴포넌트보다 작음. 4. React Hooks가 도입되면서 함수형에서도 state와 라이프사이클 사용이 가능해짐. 2. 클래스형 1. state기능 및 라이프사이클 기능을 사용할 수 있음. 2. 임의의 메서드를 정의할 수 있음. 3. render()함수가 꼭 있어야 하고, 그 안에서 JSX를 반환해..

리액트 프로젝트 만들기 yarn create react-app 'project_name' npm create-react-app 'project_name' 디렉터리 구조 node_modules - Node.js 기본 도구 모음 - npm, yarn으로 설치한 패키지 파일 모음. public - 실제 화면에 보여지는 파일 - Index.html : 화면에 출력되는 HTML : jsx에서 리턴한 가상 DOM을 에 추가해서 실행. - manifest.json : 앱의 홈화면에 보여지는 아이콘, 이름 등을 설정 - Robots.txt : 사이트맵 설정 src - React를 구현할 폴더 - Index.js : 프로젝트 실행 시 제일 처음 접근하는 파일. 경로(route) 설정 - App.js : 프로젝트 실행 시..