
Git ๊ทธ๋ฆฌ๊ณ VS Code
Kenu ํ๊ด๋จ
โฉ22,000
์ ๋ฌธ / Git, GitHub, VSCode, gitlens, git-bash
4.4
(10)
* Git, GitHub ์ฒ์ ์ฌ์ฉํ๋ ๋ถ์ ์ํ ๊ฐ์ * VS Code์ Git ๊ธฐ๋ณธ ๊ธฐ๋ฅ๊ณผ Git๊ด๋ จ ํ๋ฌ๊ทธ์ธ ํ์ฉ
์ ๋ฌธ
Git, GitHub, VSCode

SPA์ ๋๋ช ์ฌ์ธ React ๊ฐ๋ฐ ํ๊ฒฝ์ ๋ง๋ค๊ณ , Node.js ๊ธฐ๋ฐ์ API Server์ Swagger๋ฅผ ํตํ API ๋ฌธ์๋ฅผ ์๋ ์์ฑํฉ๋๋ค. ๋ก์ปฌ ๊ฐ๋ฐํ๊ฒฝ๊ณผ ๊ฐ๋ฐ์๋ฒ์ ์ฐจ์ด๋ฅผ ์ดํดํ๊ณ , AWS๋ฅผ ์ฝ๊ฒ ๋ฐ๋ผ์ ์ด์ฉํ ์ ์์ต๋๋ค. ๊ฐ์์๋ฃ: https://bit.ly/okreactapi
์๊ฐ์ 628๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ







๋ฌด์ ์ฌ
์์ง์๋ค๋ ์ด ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ด์!





๋ฌด์ ์ฌ
์์ง์๋ค๋ ์ด ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ด์!
๋จผ์ ๊ฒฝํํ ์๊ฐ์๋ค์ ํ๊ธฐ
5.0
Mx
๊ฐ์์์๋ ์ธ๊ธ์ ํ์ง๋ง React๋ Node.js์ ๋ํด์ ๋ค๋ฃจ๋ ๊ฐ์๋ ์๋๋๋ค. ๋ฐฐํฌ์ ๋๋ฉ์ธ ๋ฑ๋ก, CI/CD ์ค์ ๋ฑ์ ๊ณผ์ ์ ์ด์ ์ด ๋ง์ถฐ์ง ๊ฐ์์ ๋๋ค. ์ฃผ๋์ด ๊ฐ๋ฐ์์ ๊ฒฝ์ฐ ๊ฐ๋ฐ์ ๋นํด CI/CD ๊ฐ์ ์์์ ์ํํ๊ธฐ ์ฌ์ด๋ฐ CI/CD๋ ํ๋ก๊ทธ๋จ์ ์ง์์ ์ธ ๋ฐ์ ์ ์ํด์๋ ๊ผญ ํ์ํ ๊ณผ์ ์ด์ฃ . ์ด ๊ฐ์๋ฅผ ํตํ์ฌ CI/CD๊ฐ ์ค์ ๋ก ์ด๋ป๊ฒ ์ด๋ฃจ์ด์ง๋์ง ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์์์ต๋๋ค. ์ข์ ๊ฐ์ ์ ๋ค์์ต๋๋ค :)
5.0
wofjeiong2ewg23
ํ๋ก๊ทธ๋๋ฐ์ ์ ๋ฌธํ๊ณ ์ด์ ๋ง ๋ก์ปฌ์์ ๊ฐ๋ฐํด์ ํ๋ก์ ํธ๋ฅผ ๊ฐ๋จํ๊ฒ ๋ง๋ค ์ ์๊ฒ ๋์๋๋ฐ ์ด๋ฐ ๊ฐ๋ฐ ํ๊ฒฝ ์ ํ ๊ณผ ๋ฐฐํฌ CI/CD์ ๋ํด์๋ ์์ํ๊ธฐ๋ ํ๊ณ ์ดํด๊ฐ ์ด๋ ค์ ์ ํ๊ธฐ๊ฐ ๊น๋ค๋ก์ ์ต๋๋ค. ํนํ, ์๋ฒ์์ ๋ฌด์์ ํ๋ค๋ ๊ฒ์ ๋ํ ์ดํด๊ฐ ์ด๋ ค์ ๋๋ฐ ์ค์นํ๋ ํ์ด์ง ์๋ด๋ถํฐ ํ๊ฒฝ ์ ํ ๊น์ง ์ค๋ช ํด ์ฃผ๊ณ ์ ์ฒด์ ์ธ ์์ฑ - ์ ํ - ๊ฐ๋จํ ์ค๋ฅ ํด๊ฒฐ - ๋ฐฐํฌ๊น์ง ๋ค๋ค์ฃผ์ด ํ ์ธ์ดํด์ ๋๋ฆด ์ ์๊ฒ ๋์์ต๋๋ค. ๋ฐฐ์ธ ๋ ์ ์ผ ์ด๋ ค์ด ๊ฒ ๊ฒฝํํด ๋ณด์ง ๋ชปํ ๊ฒ์ ๊ทธ๋ ๊ตฌ๋ ํ๊ณ ์ด์ฉ ์ ์์ด ์ถ์์ ์ธ ์ดํด๋ก ๋์ด๊ฐ์ผ ํ๋ ๋ถ๋ถ์ธ๋ฐ ์ด๋ ๊ฒ ํ ์ธ์ดํด์ ๋๋ฆฌ๊ณ ๋ค์ ๊ฐ์ ์๋ฃ๋ฅผ ๋ณด๋ ๊ฒฝํ์ ๊ธฐ๋ฐ์ผ๋ก '์, ์๊น ํ๋ ๊ทธ๊ฑฐ!' ํ๋ฉด์ ์ป์ด ๊ฐ๋ ๊ฒ ๋ ๋ง์์ง๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ฐ๋ฐ ํ๊ฒฝ ์ ํ ์์ ๋ฐฐํฌ๊น์ง ์ฌ์ฉ๋๋ ํ๋ก์ ํธ(React..๋ฑ)๋ ์์ธ ์ค๋ช ์ ์ป๊ธฐ ์ํ ๋ถ๋ค๋ณด๋ค๋ '๋๋์ฒด ํ๋ก์ ํธ๋ฅผ ์ด๋ป๊ฒ ๋ง๋ค์ด์ ์ ํ ํ๊ณ ๋ฐฐํฌํ๊ณ , ๊ทธ๊ฒ์ ์๋ํํ์ง?'์ ๋ํ ๊ถ๊ธ์ฆ์ ํด๊ฒฐํ์ง ๋ชป ํ ๋ถ๋ค์ด ๋ค์ผ๋ฉด ๋งค์ฐ ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. ์์ง ํ์ ์์ ์ผ์ ํด ๋ณธ ๊ฒฝํ์ด ์์ด์ ๊ฐ์์์ ์ต๋ํ ์ง์์ ์ผ๋ง๋ ํ์ฉํ ์ ์์์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๋์ค์ ํ๋ก์ ํธ๋ ํ์ ์์ ์ผ์ ํ ๋ ๊ฐ์๋ฅผ ํตํด ์ป์ ๊ฒฝํ์ ๋ ์ฌ๋ ค ํ์ต์ ๊ธฐ๋ฐ์ ๋ง๋ จํ ์ ์์ ๊ฒ์์ ํ์ ํ๋ฉฐ, ์ด ๊ฐ์๊ฐ ์ ์ ๊ฐ์ ์ด๋ณด์์๊ฒ ๋ง์ด ์๋ ค์ก์ผ๋ฉด ์ข๊ฒ ๋ค์! ์ข์ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค.
5.0
ํ๋ก๊ทธ๋๋จธ
๋ฐฐํฌ ๊ด๋ จํด์ ํฉ์ด์ง ๊ฐ๋ ๋ค์ ํ ๋ฒ์ ๋ชจ์๋ณผ ์ ์์ด์ ์ ์ตํ ๊ฐ์์์ต๋๋ค. ์๊ฐํ๊ณ ๋๋ ๋ฌด์์ ์ข ๋ ์ง์ค์ ์ผ๋ก ๊ณต๋ถํด์ผํ๋์ง ๊ฐ์ด ์์ต๋๋ค.
React ๊ฐ๋ฐ ํ๊ฒฝ๊ณผ ์๋ฒ ๊ตฌ์ฑ
Vite ๊ธฐ๋ฐ์ React ๊ฐ๋ฐํ๊ฒฝ ๋ง๋ค๊ธฐ
Node.js ๊ธฐ๋ฐ์ API Server
Swagger๋ฅผ ํตํ API ๋ฌธ์ ์๋ํ
๋ก์ปฌ ๊ฐ๋ฐํ๊ฒฝ๊ณผ ๊ฐ๋ฐ์๋ฒ ์ฐจ์ด
CORS ์ด์ ํด๊ฒฐ
AWS EC2 ์๋ฒ ๊ตฌ์ถ ๊ธฐ๋ณธ
Nginx(์น์๋ฒ) ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ
Nginx์ Node.js ์ฐ๊ฒฐ
๋ฌด๋ฃ HTTPS ์ธ์ฆ์ ๋ฐ๊ธ
GitHub Actions๋ฅผ ์ด์ฉํ CI/CD ์๋ํ
SPA ํ๋ก์ ํธ ๋ก์ปฌ ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ๋ถํฐ
์๋ฒ ๋ฐฐํฌ ์๋ํ๊น์ง ์ง์ ๋์ ํด๋ณด์ธ์! โ
๐ข ์๊ฐ ์ ํ์ธํด์ฃผ์ธ์!
ํ๋ก ํธ์๋ ํ๊ฒฝ๊ณผ API ์๋ฒ๋ฅผ ๊ฐ๋ฐํ์ง๋ง ๋ง์ ์ด๋ป๊ฒ ๋ฐฐํฌ๋ฅผ ํด์ผ ํ ์ง ๋ง๋งํ์ ๊ฐ์? ์์ํ ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ ๊ณผ ๋ฐฐํฌ CI/CD๋ฅผ ์ํ ํ๋ฆ์ ์ตํ๊ณ ์ถ์ผ์ ๊ฐ์
์ด ๊ฐ์์์๋ ๋ฆฌ์กํธ ํ๋ก์ ํธ์ ๋ก์ปฌ ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ ๋ฐ ์๋ฒ ๋ฐฐํฌ ์๋ํ ๊ณผ์ ์ ์ง์ ๊ฒฝํํด๋ด ๋๋ค. ๊ธฐ์กด ์น ๊ฐ๋ฐ ๋ฐฉ์๊ณผ ๋ฌ๋ผ์ง ๋ฆฌ์กํธ๋ฅผ ์ด์ฉํ ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA) ๊ฐ๋ฐ ํ๊ฒฝ์ ๋ค๋ฃจ๋ฉฐ, ์ด๋ฅผ ์๋ฒ์ ๋ฐฐํฌํด์ ์๋น์คํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์๊ฐํฉ๋๋ค. ๋ํ Swagger๋ฅผ ์ด์ฉํ API ๋ฌธ์ ์๋ํ๋ฅผ ํจ๊ป ๋ค๋ฃจ๋ฉฐ, ๋ก์ปฌ ๊ฐ๋ฐ ํ๊ฒฝ๊ณผ ๋ฐฐํฌ๋๋ ์๋ฒ ํ๊ฒฝ๊ณผ์ ์ฐจ์ด๋ฅผ ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์๋์ฐ ๊ธฐ์ค์ผ๋ก ์์์ ๋ง๋ค์์ง๋ง, ๋งฅ๊ณผ ๋ฆฌ๋ ์ค์์๋ ๊ฑฐ์ ๋๋ถ๋ถ ๋์ผํ๊ฒ ๋ฐ๋ผํ ์ ์์ต๋๋ค. ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ ๋ถํฐ ๋ฐฐํฌ, ์๋ํ๊ฐ ์ด๋ป๊ฒ ์ด๋ฃจ์ด์ง๋์ง ๊ฐ์์์ ์ง์ ํ์ธํด ๋ณด์ธ์!
VSCode
Node.js
Git
GitHub
GitHub Actions
AWS EC2
AWS Route53
Nginx + HTTPS
(SSL ์ธ์ฆ์)
01. ์ค๋นํ๊ธฐ
๊ผญ ํ์ํ ๊ฐ๋ฐ ํ๋ซํผ๊ณผ ๊ฐ๋ฐ ๋๊ตฌ, ๊ด๋ จ๋ ๊ณ์ ๋ฑ๋ก ์๊ฐ
02. SPA ๊ฐ๋ฐ ํ๊ฒฝ ๊ตฌ์ฑ
๋ก์ปฌ ์ปดํจํฐ์์ ์์ ํ๊ธฐ ์ํ ํ๋ก ํธ์๋์ ๋ฐฑ์๋์ ๊ธฐ๋ณธ์ ์ธ ํ๋ก์ ํธ ํ๊ฒฝ ๊ตฌ์ฑ
03. ๋ฐฐํฌ ํ๋ก์ธ์ค
์๋น์ค๋ฅผ ์ํด ์๋ฒ์ ๋ฐฐํฌํ๋ ์ ์ฐจ, ๋ฐฉ๋ฒ ์๊ฐ
04. ๋๋ฉ์ธ ๋ฑ๋ก๊ณผ HTTPS ์ค์
๋๋ฉ์ธ๊ณผ ์๋ฒ๋ฅผ ์ฐ๊ฒฐํ๊ณ , HTTPS ์ฐ๊ฒฐ์ ์ํ ๋ฐฉ๋ฒ ์๊ฐ
05. ๋ฐฐํฌ ์๋ํํ๊ธฐ
์ฝ๋๊ฐ ๋ณ๊ฒฝ๋๋ฉด ์๋์ผ๋ก ๊ฐ๋ฐ ์๋ฒ์ ๋ฐฐํฌ๋๋ ์์ ์ค๋ช
06. CORS ์ค์
๋ก์ปฌ ๊ฐ๋ฐ ํ๊ฒฝ์์ ๋ฐ์ํ๋ CORS ์ด์์ ๋น๋ ํ๊ฒฝ ๋ณ์ ๊ตฌ์ฑ
์ข ์ข ์ ํ๋ธ์์ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์ก์ ํ๊ณ ์์ต๋๋ค.
Hello World๋ฅผ ์ฐ์ผ๋ฉด ๊ฐ๋ฐ ์ค๋น๋ ๋๋ฌ์ต๋๋ค! ๋จ์ํ ์ฝ๋๋ฅผ ์ง๋ณธ ๊ฒฝํ์ด ์๋ค๋ ์์ค์์ ๊ทธ์น๋ ๊ฒ์ด ์๋๋ผ, ๋ด๊ฐ ๋ง๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฌ๋๋ค์ด ์ฌ์ฉํ ์ ์๋๋ก ์๋ฒ์ ์์ ์ด ๋ง๋ ์ฝ๋๋ฅผ ์ฌ๋ ค์ ์๋น์คํ ์ ์๋ ์์ ๊ฐ์ด ์๊น๋๋ค.
Q. ๋น์ ๊ณต์๋ ๋ค์ ์ ์๋ ๊ฐ์์ธ๊ฐ์?
๋ค, ๋น์ ๊ณต์๋ ์ถฉ๋ถํ ๋ค์ ์ ์์ต๋๋ค. ๊ด๋ จ ํ๋ก๊ทธ๋จ ์ค์น๋ถํฐ ์ด์ดํ๊ฒ ์ค๋ช
ํด๋๋ ค์!
(์ ์ ์ง์์ผ๋ก JavaScript๋ฅผ ์๊ณ ๊ณ์
์ผ ํฉ๋๋ค!)
Q. ์์ ๋ด์ฉ์ ์ด๋ ์์ค๊น์ง ๋ค๋ฃจ๋์?
React์ Node.js์ ๋ฌธ๋ฒ์ ๋ค๋ฃจ์ง ์๊ณ , ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ๊ณผ ๋ฐฐํฌ ๋ฐ ์๋ํ์ ๋ํ์ฌ ์ค๋ช ํฉ๋๋ค.
Q. ๊ฐ์์ ์ฌ์ฉ๋๋ ๊ธฐ์ ๋ค์ ๋ฒ์ ์ด ์ฌ๋ผ๊ฐ๋ฉด, ๊ฐ์ ์ ๋ฐ์ดํธ๊ฐ ์ด๋ฃจ์ด์ง๋์?
๊ฐ์ ์งํ์ด ์ด๋ ค์ธ ์ ๋๋ก ๋ฉ์ด์ ๋ฒ์ ์ด ์ฌ๋ผ๊ฐ ๊ฒฝ์ฐ ๊ฐ์ ๋ด์ฉ ์ ๋ฐ์ดํธ๋ ํ์ํฉ๋๋ค. ๋ฐ๋ผ์ 2025๋ ๊น์ง๋ ์ ๋ฐ์ดํธ๋ฅผ ์ผ๋์ ๋๊ณ ์์ต๋๋ค.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์คํํธ์ ๊ฐ๋ฐ์๋ก ์ ์ฌํ๋๋ฐ ์ฌ์ ์๋ ๋ถ
SPA ๊ฐ๋ฐํ๊ฒฝ๊ณผ ์๋ฒ ๋ฐฐํฌ๊ฐ ์ฒ์์ด์ ๋ถ
AWS ์ฌ์ฉ์ด ์ฒ์์ด์ ๋ถ
HTTPS ์๋ฒ ๊ตฌ์ฑ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
CI/CD ์ ๋ฌธ์
์ ์ ์ง์,
ํ์ํ ๊น์?
JavaScript
790
๋ช
์๊ฐ์
57
๊ฐ
์๊ฐํ
43
๊ฐ
๋ต๋ณ
4.6
์
๊ฐ์ ํ์
3
๊ฐ
๊ฐ์
https://okky.kr ์ฐฝ๋ฆฝ์์ด๋ฉฐ, https://github.com/kenu/okdevtv ์์ ๋ฐฐ์ด ๊ฒ์ ๊ณต์ ํ๊ณ ์์ต๋๋ค.
https://mp4.okdevtv.com ์ ๊ฐ๋ฐ๊ด๋ จ ์ฑ๋์ ์ต์ ์์์ ๋ชจ์ผ๊ณ ์์ต๋๋ค.
KenuHeo ์ ํ๋ธ์์ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์ก์ 500ํ ์ด์ ์งํํ๊ณ ์์ต๋๋ค.
์ ์ฒด
8๊ฐ โ (1์๊ฐ 48๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ ์ฒด
46๊ฐ
4.6
46๊ฐ์ ์๊ฐํ
์๊ฐํ 9
โ
ํ๊ท ํ์ 4.4
5
๊ฐ์์์๋ ์ธ๊ธ์ ํ์ง๋ง React๋ Node.js์ ๋ํด์ ๋ค๋ฃจ๋ ๊ฐ์๋ ์๋๋๋ค. ๋ฐฐํฌ์ ๋๋ฉ์ธ ๋ฑ๋ก, CI/CD ์ค์ ๋ฑ์ ๊ณผ์ ์ ์ด์ ์ด ๋ง์ถฐ์ง ๊ฐ์์ ๋๋ค. ์ฃผ๋์ด ๊ฐ๋ฐ์์ ๊ฒฝ์ฐ ๊ฐ๋ฐ์ ๋นํด CI/CD ๊ฐ์ ์์์ ์ํํ๊ธฐ ์ฌ์ด๋ฐ CI/CD๋ ํ๋ก๊ทธ๋จ์ ์ง์์ ์ธ ๋ฐ์ ์ ์ํด์๋ ๊ผญ ํ์ํ ๊ณผ์ ์ด์ฃ . ์ด ๊ฐ์๋ฅผ ํตํ์ฌ CI/CD๊ฐ ์ค์ ๋ก ์ด๋ป๊ฒ ์ด๋ฃจ์ด์ง๋์ง ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์์์ต๋๋ค. ์ข์ ๊ฐ์ ์ ๋ค์์ต๋๋ค :)
์ข์ ์๊ฐํ ๊ฐ์ฌํฉ๋๋ค. ํ๋ณตํ์ธ์. ๐
์๊ฐํ 4
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 4
โ
ํ๊ท ํ์ 5.0
5
ํ๋ก๊ทธ๋๋ฐ์ ์ ๋ฌธํ๊ณ ์ด์ ๋ง ๋ก์ปฌ์์ ๊ฐ๋ฐํด์ ํ๋ก์ ํธ๋ฅผ ๊ฐ๋จํ๊ฒ ๋ง๋ค ์ ์๊ฒ ๋์๋๋ฐ ์ด๋ฐ ๊ฐ๋ฐ ํ๊ฒฝ ์ ํ ๊ณผ ๋ฐฐํฌ CI/CD์ ๋ํด์๋ ์์ํ๊ธฐ๋ ํ๊ณ ์ดํด๊ฐ ์ด๋ ค์ ์ ํ๊ธฐ๊ฐ ๊น๋ค๋ก์ ์ต๋๋ค. ํนํ, ์๋ฒ์์ ๋ฌด์์ ํ๋ค๋ ๊ฒ์ ๋ํ ์ดํด๊ฐ ์ด๋ ค์ ๋๋ฐ ์ค์นํ๋ ํ์ด์ง ์๋ด๋ถํฐ ํ๊ฒฝ ์ ํ ๊น์ง ์ค๋ช ํด ์ฃผ๊ณ ์ ์ฒด์ ์ธ ์์ฑ - ์ ํ - ๊ฐ๋จํ ์ค๋ฅ ํด๊ฒฐ - ๋ฐฐํฌ๊น์ง ๋ค๋ค์ฃผ์ด ํ ์ธ์ดํด์ ๋๋ฆด ์ ์๊ฒ ๋์์ต๋๋ค. ๋ฐฐ์ธ ๋ ์ ์ผ ์ด๋ ค์ด ๊ฒ ๊ฒฝํํด ๋ณด์ง ๋ชปํ ๊ฒ์ ๊ทธ๋ ๊ตฌ๋ ํ๊ณ ์ด์ฉ ์ ์์ด ์ถ์์ ์ธ ์ดํด๋ก ๋์ด๊ฐ์ผ ํ๋ ๋ถ๋ถ์ธ๋ฐ ์ด๋ ๊ฒ ํ ์ธ์ดํด์ ๋๋ฆฌ๊ณ ๋ค์ ๊ฐ์ ์๋ฃ๋ฅผ ๋ณด๋ ๊ฒฝํ์ ๊ธฐ๋ฐ์ผ๋ก '์, ์๊น ํ๋ ๊ทธ๊ฑฐ!' ํ๋ฉด์ ์ป์ด ๊ฐ๋ ๊ฒ ๋ ๋ง์์ง๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ฐ๋ฐ ํ๊ฒฝ ์ ํ ์์ ๋ฐฐํฌ๊น์ง ์ฌ์ฉ๋๋ ํ๋ก์ ํธ(React..๋ฑ)๋ ์์ธ ์ค๋ช ์ ์ป๊ธฐ ์ํ ๋ถ๋ค๋ณด๋ค๋ '๋๋์ฒด ํ๋ก์ ํธ๋ฅผ ์ด๋ป๊ฒ ๋ง๋ค์ด์ ์ ํ ํ๊ณ ๋ฐฐํฌํ๊ณ , ๊ทธ๊ฒ์ ์๋ํํ์ง?'์ ๋ํ ๊ถ๊ธ์ฆ์ ํด๊ฒฐํ์ง ๋ชป ํ ๋ถ๋ค์ด ๋ค์ผ๋ฉด ๋งค์ฐ ์ข์ ๊ฒ ๊ฐ์ต๋๋ค. ์์ง ํ์ ์์ ์ผ์ ํด ๋ณธ ๊ฒฝํ์ด ์์ด์ ๊ฐ์์์ ์ต๋ํ ์ง์์ ์ผ๋ง๋ ํ์ฉํ ์ ์์์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๋์ค์ ํ๋ก์ ํธ๋ ํ์ ์์ ์ผ์ ํ ๋ ๊ฐ์๋ฅผ ํตํด ์ป์ ๊ฒฝํ์ ๋ ์ฌ๋ ค ํ์ต์ ๊ธฐ๋ฐ์ ๋ง๋ จํ ์ ์์ ๊ฒ์์ ํ์ ํ๋ฉฐ, ์ด ๊ฐ์๊ฐ ์ ์ ๊ฐ์ ์ด๋ณด์์๊ฒ ๋ง์ด ์๋ ค์ก์ผ๋ฉด ์ข๊ฒ ๋ค์! ์ข์ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค.
์๊ฐ ํ๊ธฐ ๊ฐ์ฌํฉ๋๋ค. ๋์์ด ๋์ด์ ์ ๋ ๊ธฐ์ฉ๋๋ค. ๊ฐ๋ฐ+๋ฐฐํฌ ํ๊ฒฝ์ ๊ตฌ์ถํ๋ ๊ฒ์ ๊ธฐ๋ณธ์ ๋๋ค. ์ฌ๊ธฐ์ ์ํ๋ ์๋น์ค๋ฅผ ๋ง๋๋ ๊ฒ์ ๋ ๋ง์ ๋ ธ๋ ฅ์ด ํ์ํฉ๋๋ค. ์ข์ ์๋น์ค ๋ง๋์๊ธธ ๋ฐ๋๋๋ค. ์์ํฉ๋๋ค!
์๊ฐํ 17
โ
ํ๊ท ํ์ 4.6
2
๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ๊ณผ ๋ฐฐํฌ์ ๋ํด์ ๋ค๋ฃจ๋ ๊ฐ์๋ ๋ง์ง๋ง, ๊ฐ์๋ฅผ ๋ชจ๋ ๋ค์ด๋ณธ ์ ์ฅ์์ ๋๋ผ๊ธฐ์๋ ๋ฌด์ธ๊ฐ๋ฅผ ์ป๊ณ ๋ฐฐ์ ๋ค๊ธฐ๋ณด๋ค๋ ๋จ์ํ ๋ง๋ง ๋ณด๋ ๊ฒ์ผ๋ก ๋์ด ๋ ๋ฏํ ๋ด์ฉ์ด์์ต๋๋ค. ์ง๊ธ๊น์ง ์ธํ๋ฐ์์ ๋ง์ ๊ฐ์๋ฅผ ๊ตฌ๋งคํ์ง๋ง, ์ด๊ฐ์๋ 2์๊ฐ์ด ๋์ง ์๋๋ฐ๋ ๊ฐ๊ฒฉ์ด ๋๋ฌด ๋น์ธ์, ๋จผ๊ฐ ์จ๊ฒจ์ง ํ์ด๊ธฐ๋ ๊ณ ๊ธ ์ ๋ณด๊ฐ ์์๊ฑฐ๋ผ ์๊ฐํ๊ณ ๊ตฌ๋งคํ์๋๋ฐ, ๋ง๋ณด๊ธฐ ์์ค์ผ๋ก ๋์ด ๋์ ์ ์ด๋ ๊ฒ ๋น์ผ์ง ์ ๋ง ์ดํด๊ฐ ๋์ง ์๋ค์. nginx ์ ๋ํด์๋ ์ค์ ํ์ผ ๋ณต/๋ถ ํ๋ฒ ํ๋ ๊ฒ์ผ๋ก ๋์ด๋๊ณ , vite ๋ webpack ๋๋น ์ด๋ค ์ฅ๋จ์ ์ด ์๋์ง ์ธ๊ธ๋ ํ๋ฒ ๋์ง ์์๊ณ , ์ธ์ฆ์ ๋ฐ๊ธ๋ certbot ์ ํตํ ๋ฌด๋ฃ๋ฐ๊ธ์ ์ฌ์ฉํ๋๋ฐ, ์ค์ ์์ฉ์๋น์ค์์ ์ด๋ฌํ ๋ฌด๋ฃ๋ฐ๊ธ์๋น์ค๋ฅผ ์ฌ์ฉํด๋ ๋๋์ง ์ ๋๋ ์ค๋ช ํด์ค ์ ์๋ ๋ด์ฉ ๊ฐ์๋ฐ, ๋จ์ํ ์ค์นํ๊ณ ์คํ ํ๋ฒ ํด๋ณด๋ ๊ฒ์ผ๋ก ๋์ด ๋์ ๊ตฌ๋งคํ ๋น์ฉ์ด ๋๋ฌด ์๊น์ ์ต๋๋ค.
์์ธํ ์๊ฐํ ๊ฐ์ฌํฉ๋๋ค. 2์๊ฐ ์ ๋์ ๋ด์ฉ์ผ๋ก ๊ตฌ์ฑํ ๊ฒ์ ์ ๊ฐ ์๊ฐํ๊ธฐ์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๊ฒฝํํ ์ ์๋ ๋ถ๋์ด๋ผ๊ณ ์๊ฐํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋น์ธ๋ค๊ณ ๋๋ผ์ ๊ฒ์ ๋ฏธ์ํฉ๋๋ค. ํ์ง๋ง, ์๋ฃ์๋ ์ฐธ๊ณ ๋งํฌ๋ค์ ๋ง์ด ์ฌ๋ ค ๋์๋๋ฐ, ๊ทธ ์๋ฃ๋ค ์์งํ๊ณ ๋ง๋ค๊ณ ํ๋ ์ ๊ฒฝํ์๋ ์ด ๊ฐ๊ฒฉ์ ๋ฐ๊ณ ์ถ์๊ธฐ ๋๋ฌธ์ ๋๋ค. https://okdevtv.com/mib/nginx https://okdevtv.com/mib/vite https://okdevtv.com/mib/letsencrypt https://okdevtv.com/mib/... ์ด๋ ๊ฒ YouTube ๋ฐฉ์ก ์คํฌ๋ฆฝํธ๋ค์ ์ข ํฉํ ๊ฐ์๋ผ๊ณ ์ดํดํด ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ๋ง์ํ์ ๊ฒ ์ฐธ๊ณ ํด์ ๋ ์ข์ ๋ด์ฉ๋ค์ ๊ณต์ ํ๋ ค๊ณ ๋ ธ๋ ฅํ๊ฒ ์ต๋๋ค. ํ๋ณตํ ์์ง๋์ด ๋์๊ธธ ๋ฐ๋๋๋ค.
์๊ฐํ 4
โ
ํ๊ท ํ์ 4.0
1
๊ฐ์ ๊ตฌ์ฑ์ ๋นํด ๊ฐ๊ฒฉ์ด ๋๋ฌด ์ธ๋ค๊ณ ์๊ฐ๋ฉ๋๋ค. ๊ฐ์ ๊ตฌ๋งค ์ ์, AWS ๋ฐฐํฌ CI/CD ๊ด๋ จ ๋ธ๋ก๊ทธ ๊ฒ์์ ํด๋ณด์๊ธธ ์ถ์ฒ๋๋ฆฝ๋๋ค. ๋น์ทํ ๋ด์ฉ์ ๋ธ๋ก๊ทธ ๊ธ์ด ์ถฉ๋ถํ ๋ง์ต๋๋ค. ๋ธ๋ก๊ทธ ๊ธ์ ๋ณด์๊ณ ๋ ์ด๋ ค์์ ๋๋ผ์ค ๋ ๊ตฌ๋งคํ์๊ธธ ์ถ์ฒ๋๋ฆฝ๋๋ค.
- React + API Server ํ๋ก์ ํธ ๊ฐ๋ฐ๊ณผ ๋ฐฐํฌ (CI/CD): https://inf.run/Q7Ld1 - 50% ํ ์ธ ์ฟ ํฐ ์ฝ๋: 15108-f2af1e086101 ์ถ๊ฐํ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!