따라하며 배우는 리액트 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
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
댓글 ( 4)
댓글 남기기