컨테이너/도커

docker react 설치

JUNGKEUNG 2022. 5. 17. 22:51

docker react 설치

설치 전 node.js 가 있는지 확인해야 한다. cmd 및 터미널을 열어 node -v 로 확인해보자 

1. 바탕 화면에 폴더를 하나 생성한다.

2. Visual Studio Code에 생성한 파일을 넣어준다.

3. 터미널을 열고 npx create-react-app ./ 작성해준다.

4. 설치가 끝나면 아래와 같이 나오는걸 확인할 수가 있다.

개발 단계 명령어

설치가 끝나고 실행이 잘 되는지 아래 명령어로 확인해보자.

npm run start

 

 

테스트 단계 명령어

개발이 완료되었으면 개발한 것에 문제가 있는지 없는지 테스트해볼 수가 있다. 아래 명령어로 확인해보자

npm run test

 

 

빌드 단계 명령어

테스트까지 완성이 된다면 이제는 배포를 해서 다른 사람들도 이용할 수 있게 해줘야 한다. 그러기 위해서는 배포를 위한 폴더와 파일들을 생성해야 한다. 아래의 명령어로 확인 하자

npm run build

 

 

이렇게 배포를 위한 명령까지 작성하면 배포를 할 때 사용할 수 있는 build폴더와 그 안에 많은 파일이 생성이 된다.

이렇게 기본적인 리액트 애플리케이션 설치가 완성되었다.

 

 

참고 자료


https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%8F%84%EC%BB%A4

 

 

 

 

 

'컨테이너 > 도커' 카테고리의 다른 글

Travis CI란?  (0) 2022.05.22
docker copy vs volume  (0) 2022.05.18
Docker 이미지 만들기  (0) 2022.05.15
Docker 정리(4)  (0) 2022.05.15
Docker 정리(3)  (0) 2022.05.15