CodeSandbox를 더 이상 안쓰고 작업환경을 직접 설정하려고 한다.

node js, yarn을 설치하고 나면

다음과 같이 버전을 확인할 수 있다.

node -v

yarn -v

두 커맨드를 쳤을 때 버전이 잘 나오면 잘 설치된 것이다.

그리고 나는 바탕화면에 디렉토리를 새로 만들고 그 디렉토리로 cd 디렉토리 명령어를 쳐서 이동한 다음

npx create-react-app contact-app을 하였다. 이러면 아래와 같이 새로운 리액트 앱을 만들어 준다.

아래와 같이 성공적으로 되었다면 밑에 있는 두개의 커맨드를 그대로 입력해준다.

cd contact-app
yarn start

그러면 아래와 같이 뜨고 새로운 브라우저 창이 열릴 것이다.

아래처럼 중간에 리액트 앱이 빙글빙글 돌고 있다.

그리고 vs code를 열어 해당 프로젝트를 연다.

이제 여기서 내용을 수정할 수 있다.