배포 (1) 썸네일형 리스트형 [React] 기초 환경 세팅, 코드 수정, 배포 1. 환경 세팅 VScode에서 리액트 앱을 만들 폴더를 선택하고, 해당 폴더에서 터미널을 열어 npx create-react-app .을 하게 되면, 아래와 같은 내용이 나오고, 리액트 앱을 만들 환경을 세팅할 수 있다. 2. 실행 npm start 를 통해 리액트 앱을 실행하면, 아래와 같은 웹페이지를 볼 수 있다. 3. 코드 수정 위의 과정을 하게 되면 아래와 같은 파일과 소스들이 생성된다. 여기에서 index.js가 입구의 역할을 하기 때문에, 앱을 작동시키면 제일 먼저 이 곳으로 들어오게 된다. 가 웹 페이지의 전체 UI이다.(실제로 이 코드를 지우면, 화면에 아무것도 나오지 않음) 에 해당하는 세부 내용은 네 번째 줄에 import된 내용에서 알 수 있다. 즉, react-app/src/App.. 이전 1 다음