따라하며 배우는 리액트 A-Z

[프론트엔드, 웹 개발] 강의입니다.

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

✍️
이런 걸
배워요!

리액트

NextJS

타입스크립트

정적 사이트 자동 배포

도커

강의:  https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%8A%94-%EB%A6%AC%EC%95%A1%ED%8A%B8#

강의 자료 :  https://github.com/braverokmc79/DiagramPDF

소스 : 

https://github.com/braverokmc79/react-count-app

[11]. 도커를 이용한 리액트 실행

100. 챕터설명

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121785?tab=curriculum

101. 도커를 사용하는 이유

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121786?tab=curriculum

102. 도커란 무엇인가?

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121787?tab=curriculum

103. 윈도우에서 도커 설치

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121788?tab=curriculum

https://www.docker.com/

https://blog.nachal.com/1691

104. 맥에서 도커 설치

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121789?tab=curriculum

105. 도커를 사용할때 흐름 감잡기

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121790?tab=curriculum

106. 도커이미지로 도커 컨테이너 만들기

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121791?tab=curriculum

107. 도커이미지 생성하는 순서

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121792?tab=curriculum

108. 도커파일 만들기

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121793?tab=curriculum

109.도커파일로 도커이미지 만들기

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121794?tab=curriculum

110.리액트를 위한 도커파일 작성하기

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121795?tab=curriculum

docker run hello-world

docker build .


1. dockerfile 생성

2. 다음과 같이 작성
FROM node:18-alpine

WORKDIR /user/src/app

COPY package.json ./

RUN npm install

COPY ./  ./

CMD ["npm", "run", "start"]

3. 빌드
docker build .


$ docker build ./
[+] Building 197.6s (11/11) FINISHED
 => [internal] load build definition from Dockerfile                                                  0.0s 
 => => transferring dockerfile: 172B                                                                  0.0s 
 => [internal] load .dockerignore                                                                     0.0s 
 => => transferring context: 2B                                                                       0.0s 
 => [internal] load metadata for docker.io/library/node:18-alpine                                     3.0s 
 => [auth] library/node:pull token for registry-1.docker.io                                           0.0s 
 => [1/5] FROM docker.io/library/node:18-alpine@sha256:45748c3443410b052e2123dcffbd67838727394f9aacf  7.2s 
 => => resolve docker.io/library/node:18-alpine@sha256:45748c3443410b052e2123dcffbd67838727394f9aacf  0.0s 
 => => sha256:07ea0116a2105ebfe916aec515e67eeaba473e099030af0a91145beddbf3101e 6.44kB / 6.44kB        0.0s 
 => => sha256:93e579ced21ec26020cdc44615d6f32e965f8a02be9a0af298fc18855f23026a 47.36MB / 47.36MB      2.4s 
 => => sha256:ff00d5f106b0255483e9b7187bcee772667f1ad365469c423b96b1c8ba64a334 2.35MB / 2.35MB        2.9s 
 => => sha256:55b072b3f816a2b7da77812f0d6c8c1f59c212707c87480b554967efbb594d0f 448B / 448B            1.3s 
 => => sha256:45748c3443410b052e2123dcffbd67838727394f9aacfd23e0b47afd95434ff5 1.43kB / 1.43kB        0.0s 
 => => sha256:2322b1bb3917b313f2e9308395aa5c39d51b91cc92a5d4d5be6d0451fcfb4d24 1.16kB / 1.16kB        0.0s 
 => => extracting sha256:93e579ced21ec26020cdc44615d6f32e965f8a02be9a0af298fc18855f23026a             3.8s 
 => => extracting sha256:ff00d5f106b0255483e9b7187bcee772667f1ad365469c423b96b1c8ba64a334             0.2s 
 => => extracting sha256:55b072b3f816a2b7da77812f0d6c8c1f59c212707c87480b554967efbb594d0f             0.0s 
 => [internal] load build context                                                                    12.0s 
 => => transferring context: 718.47MB                                                                11.9s 
 => [2/5] WORKDIR /user/src/app                                                                       2.0s 
 => [3/5] COPY package.json ./                                                                        0.3s 
 => [4/5] RUN npm install                                                                           173.1s 
 => [5/5] COPY ./  ./                                                                                 4.2s 
 => exporting to image                                                                                4.8s 
 => => exporting layers                                                                               4.8s 
 => => writing image sha256:2209801e2976255e3a52ee942fe6420069e4dac7933155c844688f6273d1aff8          0.0s



4. 생성된 이미지에 이미지명 및 태그값 부여

docker image tag 2209 nowmovies:latest



4.실행

docker run -p 3000:3000  2209 




docker ps -a (= docker container ls -a) : 모든 컨테이너 보기
$ docker ps -a
CONTAINER ID   IMAGE         COMMAND                  CREATED             STATUS                         PORTS                    NAMES
b1d65e7bc598   2209          "docker-entrypoint.s…"   5 minutes ago       Up 5 minutes                   0.0.0.0:3000->3000/tcp   sad_heisenberg 
1276f232ffd8   3e            "echo hello"             About an hour ago   Exited (0) About an hour ago                            pedantic_goldwasser
8a18a76632fa   hello-world   "/hello"                 2 hours ago         Exited (0) 2 hours ago                                  relaxed_borg   
7480c35cae13   hello-world   "/hello"                 2 hours ago         Exited (0) 2 hours ago                                  sleepy_carver  
4e5b73e7d645   hello-world   "/hello"                 2 hours ago         Exited (0) 2 hours ago                                  goofy_moore    
fb3e611e631e   hello-world   "/hello"                 2 hours ago         Exited (0) 2 hours ago                                  frosty_tesla   





컨테이너 정지 (docker container stop)
=> docker stop b1d6

111.생성한 이미지로 애플리케이션닫기

어플리케이션 실행 시 접근이 안 되는 이유 (포트 맵핑)

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121796?tab=curriculum

112.EC2에서 도커 설치 및 실행

강의:

https://www.inflearn.com/course/따라하는-리액트/unit/121797?tab=curriculum

[Docker] Ubuntu에 Docker 설치하기