react-create-app
Create React App은 React의 Boiler Plate이다.
보일러 틀에 여러 개의 보일러를 찍어내듯, 초기 환경을 일일히 설정하지 않고도 리액트 프로젝트를 시작할 수 있도록 셋업을 완료해놓은 틀이라고 보면 된다.
Q. 프로젝트를 공유받을 때 node_modules 폴더가 없는 상태가 되는데, 괜찮을까?
A. npm i를 입력하면 자동으로 node_modules이 다운로드 된다. > package.json과 package-lock.json이 사용하는 패키지 정보를 담고 있기 때문.
public 폴더
public 폴더에는 index.html 파일이 들어있다. 페이지의 제목을 변경하는 등의 작업을 수행할 수 있다.
favicon.ico
웹 사이트의 아이콘
index.html
홈 화면에 표시되는 html로, 페이지 템플릿이다.
logo192.png / logo512.png / manifest.json
모바일 웹브라우저에서 사이트를 홈 화면에 추가 할 때 사용
robots.txt
검색 엔진이 웹사이트를 수집할 때 수집 할 것과 하지 말아야 할 것을 명시해주는 파일
- JSX에서 style속성 집어넣을 때
style={object 자료형으로 만든 스타일}
camelCase로 작성해야함
ex: <div style={{ color: "blue", fontSize: "30px" }}>
ES6 destructuring 문법
- State
: 변수 대신 쓰는 데이터 저장공간
: useState() 를 이용해 만들어야 함
: 문자, 숫자, array, object 다 저장가능
: 웹이 App처럼 동작하게 만들고 싶어서 state에 데이터 저장
: state는 변경되면 HTML이 자동으로 재렌더링이 됨
so