리액트 시작하기(VSCode)

npx create-react-app test-folder
cd test-folder
npm start

npx create-react-app (folder_name)

--> 리액트프로젝트 생성

npm start하면 기본셋팅된 리액트화면이 뜸

왼쪽 상단의 

File > OpenFolder > test-study(새로만든 프로젝트) 열기

 

 

src폴더 > index.js

<App />는 App컴포넌트 즉 App.js파일을 호출한다는 뜻

 

 

App.js파일을 열어보면 아래와 같은 코드들이 보인다

아래 코드는 처음 npm start했을때 나오는 화면을 꾸민 코드들이다.

 

 

불필요한 코드들은 지우고 원하는 문장을 넣고 다시 npm start를 한다.

 

잘 나온다.