[생활코딩] React 스터디 #1 샘플 웹앱 실행

 

DSC Ewha에서 이번에 react 스터디를 시작하게 되었다. 전에 작심삼일(?)로 잠깐 리액트 공부한 적이 있어서 기본적인 개발환경은 구축되어있었다. 스터디는 우선 생활코딩 인강을 보면서 진행하기로 했다. 

 

1. 프로젝트를 진행할 폴더 만들기

생활코딩에서 알려준 대로 폴더를 만들었다. (react라고 만들면 나중에 오류가 생긴다고 함)

 

2. create-react-app을 통한 개발환경 구축

cd react-app 폴더의 디렉토리 > create-react-app

이 명령어를 치면 온갖 파일을 설치하고 마지막에 Happy Hacking!이라고 나온다ㅋㅋ 귀여움

3. 샘플 웹앱 실행해보기

우선 VSCode를 켜서 create-react-app을 했던 디렉토리의 파일을 열어준다.

그리고 터미널에 npm start run을 치면 이 글씨와 함께 로컬 주소와 내 네트워크 주소가 나온다.

 

그리고 이런 창이 뜨면 성공이다!

 

추가적으로, 개발이 완성되고 어플리케이션을 배포해야할 때는

react-app> npm run build

 

라는 명령어를 사용해야 용량을 엄청나게 줄일 수 있다.