๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ๋์ปค์ CIํ๊ฒฝ [2023.11 ์ ๋ฐ์ดํธ]
John Ahn
์ด ๊ฐ์๋ฅผ ํตํด ๋์ปค์ ๋ํด์ ๋ฐฐ์ธ ์ ์์ผ๋ฉฐ, CI ํ๊ฒฝ์ ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
์ด๊ธ
GitHub, AWS, Docker
์ด ๊ฐ์๋ฅผ ํตํด์ ๋ ๋ง ์น์ฌ์ดํธ๋ฅผ ์ฒ์๋ถํฐ ํ๋ํ๋ ๋ง๋ค์ด ๋ณด์ค ์ ์์ต๋๋ค.
๋ฆฌ์กํธ
ํ์ ์คํฌ๋ฆฝํธ
PostgreSQL
๋์ปค
NextJS
๋ฐฐํฌ
NextJS, Typescript, ExpressJS, Postgres
๊ฐ์ฅ ํซํ ํ์คํ ์กฐํฉ์ผ๋ก ๋ ๋ง์ ํด๋ก ์ฝ๋ฉํด์! ๐จโ๐ป
์ด ๊ฐ์์์๋?
์ธ๊ณ์ ์ธ ์ปค๋ฎค๋ํฐ, ๋ ๋ง ์ฌ์ดํธ๋ฅผ
์ฒ์๋ถํฐ ๊ฐ์ด ๋ง๋ค์ด๋ด
๋๋ค.
์์ฆ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ์์ ๊ฐ์ฅ ๋ง์ด ์ฐ์ด๋ ํ ์คํ ์กฐํฉ์ธ NextJS Typescript ExpressJS Postgres ์กฐํฉ์ผ๋ก ์ด๋ ์ ๋ ๋ณต์กํ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฒ์๋ถํฐ ํจ๊ป ๋ง๋ค์ด ๋ณด๊ฒ ๋๋ฏ๋ก, ํ ์คํ ๊ฐ๋ฐ์ ์์ ๊ฐ์ ๊ฐ์ง ์ ์๊ฒ ์ด ๊ฐ์๋ฅผ ๋ง๋ค๊ฒ ๋์์ต๋๋ค.
์ด ๊ฐ์์ ํน์ง์ ๋ชจ๋ ์์ค์ฝ๋๋ฅผ ์ฒ์๋ถํฐ ํ๋์ฉ ๋ฐ๋ผํ๋ฉด์ ๋ฐฐ์ธ ์ ์๋ค๋ ๊ฒ์ ๋๋ค. ์์ค์ฝ๋๋ฅผ ํ ์ค์ฉ ์ค๋ช ํ๊ณ ๊ทธ ์ดํ์ ์ฝ๋ฉ์ ํจ๊ปํ๊ธฐ ์์ํด์ ์ฌ๋ฌ ๋ฒ ๋ฐ๋ณตํ์ต์ ํ๊ฒ ๋ฉ๋๋ค. ์ค์ต ์์ฃผ์ ๊ฐ์์ง๋ง ํท๊ฐ๋ฆฌ๊ฑฐ๋ ์ด๋ ค์ด ๊ฐ๋ ์ ๊น๊ฒ ํ์ตํ๊ณ ๋์ด๊ฐ๊ฒ ๋ฉ๋๋ค. ๋ชจ๋ ๋ถ๋ถ์ ๋ํ๋ฅผ ํตํด ์ต๋ํ ์๊ฐ์ ์ผ๋ก ์ดํดํ ์ ์๋๋ก ๋ ธ๋ ฅํ์ต๋๋ค.
๋ ๋ง ์ฌ์ดํธ๋ฅผ ๋ง๋ค ๋ ํ๋ก ํธ์๋ ๋ถ๋ถ์ ๋ฆฌ์กํธ์ NextJS๋ฅผ ์ฌ์ฉํ๊ณ ,
๋ฐฑ์๋ ๋ถ๋ถ์ NodeJS์ ExpressJS๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋ ๋ถ๋ถ ๋ชจ๋ ์ธ์ด๋ ํ์
์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ PostgreSQL์ ์ด์ฉํ๋ฉฐ TypeORM์ ์ด์ฉํด์ ์ปจํธ๋กคํ๊ฒ ๋ฉ๋๋ค.
Section 1
์ ์ฒด์ ์ธ ๊ตฌ์กฐ ๋ง๋ค๊ธฐ
ํ๋ก ํธ์๋์ ๋ฐฑ์๋, ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ์ค๋น๋ฅผ ํฉ๋๋ค.
Section 2
Entity ์์ฑํ๊ธฐ
์ดํ๋ฆฌ์ผ์ด์ ์์ ํ์ํ ๋ฐ์ดํฐ๋ค์ ์์ฑํ๊ธฐ ์ํด ๊ฐ๊ฐ์ Entity๋ค์ ์์ฑํด์ค๋๋ค.
Section 3
ํ์๊ฐ์ , ๋ก๊ทธ์ธ
ํ์๊ฐ์ ๊ณผ ๋ก๊ทธ์ธ ํ์ด์ง๋ฅผ ์์ฑํ๋ฉฐ ์ ์ ์ ๊ดํ ๋ฐ์ดํฐ๋ React Context๋ฅผ ์ด์ฉํด ์ฒ๋ฆฌํด์ค๋๋ค.
Section 4
์ปค๋ฎค๋ํฐ ์์ฑํ๊ธฐ
์ปค๋ฎค๋ํฐ ์์ฑํ๋ ํ์ด์ง, ์ปค๋ฎค๋ํฐ ์์ฑ, ์ด๋ฏธ์ง ์ ๋ก๋ ๋ฑ์ ๊ตฌํํฉ๋๋ค.
Section 5
ํฌ์คํธ ํ์ด์ง ์์ฑํ๊ธฐ
๊ฐ ์ปค๋ฎค๋ํฐ์ ๋ค์ด์๋ ํฌ์คํธ๋ค์ ์์ฑํ๊ณ ํฌ์คํธ ํ์ด์ง๋ฅผ ๋ง๋ค์ด์ค๋๋ค.
Section 6
๋๊ธ๊ณผ ํฌํ ๊ธฐ๋ฅ ๊ตฌํํ๊ธฐ
๋๊ธ๊ณผ ํฌํ ๊ธฐ๋ฅ์ ๊ตฌํํฉ๋๋ค.
Section 7
๋ฌดํ ์คํฌ๋กค ๋ฐ ์ ์ ํ์ด์ง ์์ฑํ๊ธฐ
useSWRInfinite์ Intersection observer๋ฅผ ์ด์ฉํ
๋ฌดํ ์คํฌ๋กค ๊ธฐ๋ฅ์ ๊ตฌํํด์ฃผ๋ฉฐ ์ ์ ํ์ด์ง๋ฅผ ์์ฑํด์ฃผ๊ฒ ์ต๋๋ค.
Section 8
์ ํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌํ๊ธฐ
EC2 ์ธ์คํด์ค๋ฅผ ์ด์ฉํด์ ์ง๊ธ๊น์ง ๋ง๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฐฐํฌํด์ฃผ๊ฒ ์ต๋๋ค.
๋์ ์๊ฐ์ 50,000+๋ช , ๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ์น ๊ฐ๋ฐ ์๋ฆฌ์ฆ
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์๋ฐ์คํฌ๋ฆฝํธ๋ก ํ์คํ ์ฑ์ ๋ง๋ค๊ณ ์ถ์ ์ฌ๋
์ฌ๋ฏธ์๊ฒ ๊ณต๋ถํ๊ณ ์ถ์ ์ฌ๋
์ ์ ์ง์,
ํ์ํ ๊น์?
์๋ฐ์คํฌ๋ฆฝํธ
๋ฆฌ์กํธJS
๋ ธ๋JS
83,039
๋ช
์๊ฐ์
2,638
๊ฐ
์๊ฐํ
2,428
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
20
๊ฐ
๊ฐ์
์๋ ํ์ธ์.
์ฆ๊ฒ๊ฒ ๊ฐ๋ฐํ๊ณ ์๋ ๊ฐ๋ฐ์์ ๋๋ค.
์์ผ๋ก ๋ง์ ๋์์ ๋๋ฆด ์ ์์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
- ๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ๋์ปค์ CIํ๊ฒฝ ์ ์
- ์นด์นด์ค ๊ธฐ์
์ ์
๊ณต์ฑ FE ๊ต์์
- ํจ์คํธ์บ ํผ์ค, ๊ตฌ๋ฆ ๊ฐ์ฌ
- ํ๋์๋์ฐจ ๊ฐ๋ฐ ๊ธฐ์
๊ต์ก
- ์ ํ์ํ ๋ฉํ๋ฒ์ค, ์ฝ๋น ํ์ด ํ์คํ ๊ฐ๋ฐ
- ์ฌ๋ฌ ๊ณต๊ณต๊ธฐ๊ด SNS ํ์คํ ๊ฐ๋ฐ
์ ์ฒด
103๊ฐ โ (17์๊ฐ 39๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ ์ฒด
19๊ฐ
4.1
19๊ฐ์ ์๊ฐํ
์๊ฐํ 3
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 9
โ
ํ๊ท ํ์ 4.8
4
์ ๊ฐ ์ ๋ฌด์์๋ ์ฌ์ฉํ์ง ์๋๋ฐ.. ๋ ธ๋, ๋ฆฌ์กํธ, ๋์ปค, aws ๋ฐฐํฌ ๋ฑ์ ๊ถ๊ธ์ฆ๊ณผ ๊ด์ฌ์ด ์์ด์ ๊ฐ์ข๋ฅผ ๋ฃ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค. ๊ฐ์ข๊ต์ฌ๋ ์ ์ ๋ฆฌ๋์ด ์๊ณ ๋งค ๊ฐ์๋ง๋ค ์๊ฐ๋ ๊ธธ์ง ์์์ ๊ฐ์๋ฐ๋ผ์ ๊ตฌํํ๊ธฐ๋ ์ข๊ณ ์ค๋ช ๋ ์ ํด์ฃผ์ ์ ์ข์์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ์ข ์์ฌ์ด๊ฑด, ๋ฐฐํฌํ๋ ๋ถ๋ถ์์ ์ข ํค๋งค๋ค๊ฐ ๊ฒจ์ฐ ๋ฐฐํฌํ๋ค์ ใ ๋์ปค, aws์ ๋ฐฐํฌํ๋ ๊ฒ.. ์ด 2๊ฐ์ง๊ฐ ์ ค ์ต์ํ์ง ์์ ๋ถ๋ถ์ด๋ผ์ ๊ฐ์ฅ ๊ฐ์ข๋ฅผ ํตํด์ ๊ฒฝํ ํด๋ณด๊ณ ์ ํ๋ ๋ถ๋ถ์ธ๋ฐ ์๋ถ๋ถ์์ ํ๋ฉด๊ตฌํ์์๋ ์์ธํ๊ฒ ์ ์ค๋ช ์ด ๋์๋๋ฐ ๋ฐฐํฌ๋ถ๋ถ์์๋ ๊ฐ์ข๊ต์ฌ์ ์์๋ถ๋ถ์ด ๋ง์ด ์์ฌ์ ์ต๋๋ค. ์ ๋ฐ์ ์ผ๋ก ๊ธฐ๋ณธ๊ฐ๋ ์ก๊ณ ๊ตฌํํด๊ฐ์ ์ถฉ๋ถํ ์ข์ ๊ฐ์ข๋ผ๊ณ ์๊ฐํฉ๋๋ค!
์๊ฐํ 9
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 1
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 2
โ
ํ๊ท ํ์ 5.0
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์๊ฐ ํฌํจ๋ ๋ก๋๋งต์ผ๋ก ํ์ตํด ๋ณด์ธ์!
โฉ44,000