create-react-app (2) 썸네일형 리스트형 create-react-app downgrade 18.0.1 to 16.8.6 npx create-react-app . 을 하면 18.0.1로 최신버전이 다운로드 된다. 하지만 강의에서는 16.8.6 react 버전을 사용하고 있기 때문에 나중을 위해서라도 다운그레이드를 시켜주는게 맞다고 생각했다. 인터넷을 찾아보니까 대부분 node_modules 폴더랑 package.json-lock 파일을 삭제한 다음, pacakge.json 파일에서 각각 버전을 맞춰서 수정해주고 npm install을 하라는 내용이었다. 나는 이 방법으로 하면 esilent 버전 에러나 react 문법이 맞지 않거나.. 등등 에러가 자꾸 났다. 그래서 다른 방법을 택했다. 내가 한 방법은 다음과 같다. 1. client 경로에서 npx create-react-app . 을 통해 최신버전을 다운받는다. 2. .. create-react-app 구조 & CRA to our Boilerplate 처음에 시작할 땐 npm run start 커맨드를 이용해서 실행을 시키는데 이것은 package.json 파일의 scripts 내용을 수정하면 바꿀 수 있다. 처음 실행시키면 나오는 화면은 App.js 내용이다. 위에 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리하기 때문에 이것을 루트(root) DOM 노드라고 부른다. React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있고 React를 기존 앱에 통합하려는 경우 원하는 만큼 많은 수의 독립된 루트 DOM 노드가 있을 수 있다. React 엘리먼트를 렌더링 하기 위해서는 우선 DOM 엘리먼트를 ReactDOM.createRoot()에 전달한 다음, React 엘리먼트를 root.render()에 전달해야 한다. 하지.. 이전 1 다음
