![]()
1. 리액트 프로젝트의 기본 구조 1) project index.html이 존재하는 디렉토리 2) src 모든 소스코드가 존재하는 디렉토리 3) build 빌드할 경우 해당 디렉토리 하위에 빌드 파일들이 생성된다. 2. 리액트 프로젝트의 주요 파일 1) index.html index.html 파일의 소스코드를 열어보면, 실상은 별다른 코드가 없다. 이는 이 한페이지 속에서 많은 코드가 숨어있기 때문이다. 이 div#root 하위에 들어갈 내용들은 src 디렉토리 하위에 작성하는 파일들에 의해 구성된다. '' 를 기억하자. 2) index.js 익숙한 단어가 보일 것이다. 좀전에 index.html에서 보았던 'root'는 여기서 찾을 수 있다. 리액트에서는 일부 화면을 컴포넌트화하여 사용할 수 있다. 우..
![]()
이 글은 생활코딩(egoing)의 리액트 강의와 리액트를 다루는 기술(저자 김민준)을 읽고 기억하고자 하는 부분들을 정리한 글입니다. 생활코딩 - 리액트 https://www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React 리액트를 다루는 기술 https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=204819510 리액트를 다루는 기술 리액트 베스트셀러 1위, 리액트를 다루는 기술 개정판. 리액트 16.8 버전에 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태 관리를 할 수 있게 되었다. 이에 맞춰 책에 사용된 주요 예시 www.aladin.co.kr React ht..
