[React] hello world 띄우기

 

책,,보는데 정말 1도 몰라서 결국 구글링했다.

오늘 목표는 hello world 띄우기 ~

 

npm과 nodejs는 아마도,,깔아져 있었을 거구 ,, yarn 추가적으로 설치해주었다.

 

cmd를 실행해 다음과 같은 명령어를 입력했다.

npm install -g create-react-app 

프로젝트 생성할때 편리하게 해주는 거라고 한다 ~

 

*프로젝트 생성

create-react-app hello-world

 

hello-world라는 폴더가 생성될 것이다 !

 

cd로 여기로 이동해서

yarn start 해주면 창이 뜰것이다 ~

 

사실 이제 여기서 당황했다 코드 어떻게 보는거지 하고 ,,

생각해보니 Visual Studio Code가 깔려있어서 이걸 사용했다.

Open Folder로 hello-world 폴더를 열어주었다.

 

App.js파일을 이렇게 해주었다.

 

주석 처리한 부분은,,기본으로 눈에 보이는 부분 같은데 일단 주석처리로 남겨두었다.

흰 배경에 hello world만 출력시킬 것이당 크크

여기서 안 건 주석처리 방법 ! 

 

*주석처리 방법 : {/* ... */}

 

 

 

 

성공 ,, 시작이 반이라고 했다. 반했다.