์ฝ์๋ชป์์ ๋ฐฑ์๋ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ๊น์ง!
๊ณ ๋์ถ ๋ฐฑ์๋ ์ฝ์ค โจ
๐ฅ Attention!
์ด ๊ฐ์๋ ์ฝ๋ฉ ๋ถํธ์บ ํ์์ ์ค์ ์ฌ์ฉํ๋ ๊ฐ์๋ก, ๋
ธ๋ฒ ์ด์ค๋ถํฐ ๋น์ ๊ณต์, ๊ฐ๋ฐ์๊น์ง ๋ชจ๋ ์๊ฐ ๊ฐ๋ฅํ ์ปค๋ฆฌํ๋ผ์ผ๋ก ๊ตฌ์ฑ๋์ด ์์ต๋๋ค.
๐ซ NEW ๋ฒ์ ์
๋ฐ์ดํธ๐ซ
โป NEW๋ฒ์ ์ ๋นํ ํ๋ ๋์น์ง ์๋๋ก ๋ ์ธ๋ถํ ํด ์ค๋นํ ์ปค๋ฆฌํ๋ผ์
๋๋ค :)
๐ก ๊ตฌ๋ฒ์ (Ver.1)์ ์ญ์ ๋์์ต๋๋ค :)
๐ก ๊ธฐ์กด ์๊ฐ์์ Ver.2๋ก ์์
์งํํด์ฃผ์ธ์. (๋ณต์ต ๊ถ์ฅํฉ๋๋ค!)
'์ง์ง' ๋ถํธ์บ ํ์์ ๋ง๋
[๊ณ ๋์ถ ๋ฐฑ์๋ ์ฝ์ค]๋์
โ
๊ณต๋ถ๋ ์ค๋ฌด์ฒ๋ผ! ์ค๋ฌด์ ์ ์ฉํ๋ ๋ฒ์ ์๋ ค์ฃผ๋ ์ค๋ฌด ์ค์ฌ ๊ฐ์
โ
๋น์ ๊ณต์๋ถํฐ ์ ๊ณต์๊น์ง! ๋ชจ๋๊ฐ ์ดํดํ ์ ์๋ ๊ณ๋จ์ ์ปค๋ฆฌํ๋ผ
โ
[Node.js, nest] ์ต์ ๊ธฐ์ ์ ์ธ์ด ํ์ต๊ณผ ํ๋ก์ ํธ ๊ตฌํ
โ
์ทจ์
๋ฅ 92%์ ์ธ์ฆ๋ '์ง์ง' ๋ถํธ์บ ํ์ ์ปค๋ฆฌํ๋ผ์ผ๋ก ์งํ
โ
๋
ธ๋ฒ ์ด์ค๋ ๊ฐ๋ฅํ ์์ ๊ธฐ์ด๋ถํฐ ๊ฐ๋ฐ์ ์ทจ์
์์ค๊น์ง ์ฑ์ฅ
์ด๋ฐ ๋ถ๋ค์๊ฒ๋
๋์์ด ์์ฑ๋ง์ถค์ด์ฃ
๋ฐฑ์๋๋ง ์ง์ค์ ์ผ๋ก
๊ณต๋ถํ ์๋ ์์๊น์?
๋ฐฑ์๋ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ์๋ฐ,
์ฝ๋ฉ์ ๋ํด ์๋ฌด๊ฒ๋ ๋ชฐ๋ผ์..
์ค๋ฌด์ ์ ์ฉํ ์ ์๋
์ฐ ๋
ธํ์ฐ๋ฅผ ์ป๊ณ ์ถ์ด์.
์ธํ๋ฐ๋ Node.js์ Nest๋ฅผ
์ฌ์ฉํ๋ค๋ ๊ฒ ์๊ณ ๊ณ์๋์?
Nest.js๋ Node.js ์๋ฒ ์ฌ์ด๋ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ตฌ์ถํ๊ธฐ ์ํ ํจ์จ์ ์ด๊ณ ํ์ฅ ๊ฐ๋ฅํ ํ๋ ์์ํฌ์์. ๊ธฐ์กด์ Node.js ํ๋ ์์ํฌ์ธ Express๋ ์ํคํ
์ฒ ๊ตฌ์ถ์ ์ํ ์์ ๋๊ฐ ๋์ ๊ฐ๋ฐ์์ ์ฑํฅ์ ๋ฐ๋ผ ๋ชจ๋ ์ ๊ฐ๊ฐ์ธ ๊ตฌ์กฐ๊ฐ ๋ง๋ค์ด์ก์ฃ .
Nest.js๋ ์ด๋ฌํ ๋ฌธ์ ์ ์ ๋ณด์ํ๊ธฐ ์ํด ์ฆ์ ์ฌ์ฉํ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์
์ํคํ
์ณ๋ฅผ ์ ๊ณตํด์. ๋ํ OOP (Object Oriented Programming)์์๋ฅผ ๊ฒฐํฉํ์ฌ ํจ์จ์ฑ์ ์ฆ๊ฐ์ํค๊ณ , ํ์
์คํฌ๋ฆฝํธ๋ฅผ ์ง์ํจ์ผ๋ก์จ ๊ฐ๋ฐ ์ ๋ฐ์ํ๋ ์ค๋ฅ๋ฅผ ์ฌ์ ์ ๋ฐฉ์งํด ์ค๋๋ค.
์ฉ์ด๋ณด๋ ๊ด์ฐฎ์์,
์ฐ์ ๊ธฐ์ด๋ถํฐ ๋ฟ์
๋ณผ๊น์?
"๋ฐฑ์๋๋ ์ด๋ ต๋ค๋๋ฐ, ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๋ ๋ด๊ฐ ๋ฐฑ์๋ ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์๊น?" ํ๋ ๊ณ ๋ฏผ์ ์ด ๊ฐ์ ํ๋๋ก ํ๋ฒ์ ํด๊ฒฐํ์ธ์! ์ฉ์ด๋ณด๋ ํ์
๊ฐ๋ฐ์ ์์ค์ผ๋ก ์ฑ์ฅํ ์ ์๋๋ก ์๋ฒฝํ ๊ธฐ์ด ๊ฐ์๋ถํฐ ์์ํ๋๊น์!
๐งฉ ๊ธฐ์ด๋ฟ์๊ธฐ step01.
์ฝ๋ฉ์ด ๋ญ์ผ? ํ๋ก๊ทธ๋จ ์ค์น๋ถํฐ ๊ธฐ์ด์๊ธฐ
์นยท์ฑ ๊ฐ๋ฐ์ ๊ธฐ์ด ์ค์ ๊ธฐ์ด, HTML ยท CSS ยท Javascript์ ๊ธฐ๋ณธ์ ์ธ ๋ฌธ๋ฒ๊ณผ ํ์ฉ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ , ๋ฐฐ์ด ๋ด์ฉ์ ํ ๋๋ก ํ์๊ฐ์
๊ณผ ๋ฏธ๋ํํผ๋ฅผ ๊ตฌํํ ๊ฑฐ์์.
๐งฉ ๊ธฐ์ด๋ฟ์๊ธฐ step02.
Javascript๋ก ์นํ์ด์ง์ ๊ธฐ๋ฅ์ ๋ ํ์๋กญ๊ฒ.
ํจ๊ป ์ฌ์ฉํ๋ ๋๊ตฌ๋ค๊ณผ Javascript๊ฐ ๋์ํ๋ ์๋ฆฌ, ์ฝ๋๋ฅผ ์์ฑํ๋ ๋ฒ์ ์์ฃผ๋ก ํ์ตํ๋ฉฐ d-day counter์ to-do list๋ฅผ ๊ตฌํํ๋ฉฐ ๋ฐฐ์ด ๋ด์ฉ์ ์์ ํ ๋ด ๊ฒ์ผ๋ก ๋ง๋๋ ์๊ฐ์ด์์.
๋ฐฑ์๋์ ์ฒ์๋ถํฐ ๋๊น์ง
'๋
๋ณด์ ์ธ' ์ปค๋ฆฌํ๋ผ
#01. Node.js API ๊ตฌํ
ํ์๊ฐ์
, ๋ฉ์ผ ์ ์ก, SMS ์ ์ก ๋ฑ์ ์ํ ์๋ฒ๋ฅผ Javascript์ ๋ฐํ์, Node.js์ ํ๋ ์์ํฌ Express๋ก ์ง์ ๊ตฌํํด ๋ณผ ๊ฑฐ์์.
#02. Docker
Docker๋ก ๊ตฌํํ ๊ฐ์ํ๊ฒฝ์ ๋ํ์ ์ธ NoSQL DB์ธ 'MongoDB'๋ฅผ ๋์ฐ๊ณ , ๋ฐ์ดํฐ๋ฅผ ์ด๋ป๊ฒ ๊ด๋ฆฌํ๋์ง ๊ทธ ๋ฐฉ๋ฒ์ ์์๋ด
๋๋ค.
#03. Scraping / Crawling
์ฐ๋ฆฌ์๊ฒ ํ์ํ ์ ๋ณด๋ฅผ ๋ด๊ณ ์๋ ํ์ด์ง์ ์ ๋ณด๋ฅผ ๊ธ์ด์ค๋ ๋ฐฉ๋ฒ๊ณผ ์ง์์ฌ์ฐ๊ถ์ ์นจํดํ์ง ์๋๋ก ์ฃผ์ํด์ผ ํ๋ ์ฌํญ์ ๋ํด ๋ฐฐ์ธ ๊ฑฐ์์.
#04. Nest.js
Javascript์ OOP ์์ฃผ ๊ฐ๋ฐ์ ๋์์ฃผ๋ ํ๋ ์์ํฌ 'Nest.js'์ ๋ํ์ ์ธ 'RDBMS, MySQL'์ ํ์ตํ๊ธฐ ์ํ ์ด์์ ๋ค์ง๋๋ค.
#05. Database ERD
๋ถํ์ํ ๋ฉ๋ชจ๋ฆฌ์ ๋ญ๋น๋ฅผ ์ค์ด๊ธฐ ์ํด ์ด๋ป๊ฒ ํด์ผ ํ ๊น์? ๋ฐ์ดํฐ๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ๊ณผ ํ์ํ ๊ฐ๋
์ ํ์ตํ๊ณ ์ง์ ํ
์ด๋ธ์ ๊ตฌ์ฑํด ๋ด
๋๋ค.
#06. ORM ํ์ฉ API๊ตฌํ
์๋ฒ์์ DB๋ฅผ ๋ณด๋ค ์ง๊ด์ ์ผ๋ก ์กฐ์ํ ์ ์๋๋ก ๋์์ฃผ๋ ORM์ ํ์ตํ๊ณ ์ฌ์ฉ์์ ์์ฒญ์ ์ฒ๋ฆฌํ ์ ์๋ API๋ฅผ ๊ตฌํํฉ๋๋ค.
#07. ๋ก๊ทธ์ธ ํ๋ก์ธ์ค
๋ก๊ทธ์ธ, ํ์๊ฐ์
๋ก์ง์ ํ๋ฆ์ ์ดํดํ๊ณ ์ง์ ๊ตฌํํ๋ฉฐ ์ฌ์ฉ์์ ๊ฐ์ธ์ ๋ณด๋ฅผ ์ธ๋ถ๋ก๋ถํฐ ์์ ํ๊ฒ ์งํค๋ ๋ฐฉ๋ฒ์ ๋ํด ํ์ตํฉ๋๋ค.
#08. ๊ฒฐ์
๋ณต์กํ ๊ฒฐ์ ๊ณผ์ ์ PG์ฌ๋ฅผ ๊ฑฐ์ณ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ๊ณผ ์ฌ์ฉ์์ ๊ฒฐ์ ์ ๋ณด๋ฅผ ์ค๋ฌด์์๋ ์ด๋ค ์์ผ๋ก ๊ด๋ฆฌํ๋์ง ํ์ตํ๊ณ ์ง์ ๊ตฌํํฉ๋๋ค.
#09. ํ์ผ ์
๋ก๋ API ๊ตฌํ
์ฌ์ฉ์์๊ฒ ์ด๋ฏธ์ง ํ์ผ์ ๊ฑด๋ค๋ฐ๋ API, ๊ทธ๋ฆฌ๊ณ ๊ฑด๋ค๋ฐ์ ํ์ผ์ ์ฐ๋ฆฌ ์๋ฒ์์ ์ ์ฅ ยท ๊ด๋ฆฌํ๋ ๋ก์ง์ ์ง์ ๊ตฌํํฉ๋๋ค.
#10. ๊ฒ์
ํ์ํ ๋ฐ์ดํฐ๋ฅผ ๋์ฑ ๋น ๋ฅด๊ฒ ๊ฒ์ํ๊ธฐ ์ํด Cache, Redis ๋ฑ์ ๊ฐ๋
์ ํ์ตํ๊ณ ์ ์ฉํด ๋ด
๋๋ค.
#11. Microservice
๋ง์ดํฌ๋ก ์๋น์ค์ ๋ํด ํ์ตํ๋ฉฐ ์ด๋ป๊ฒ ํ๋ฉด ๊ฑฐ๋ํ ์๋น์ค๋ฅผ ์์ ์ ์ผ๋ก, ๋ชจ๋ ํ์์ผ๋ก ๊ด๋ฆฌํ ์ ์๋์ง ํ์ตํฉ๋๋ค.
#12. ํ
์คํธ์ฝ๋
API๊ฐ ์๋๋๋ก ์๋ํ๊ณ ์๋์ง ์ฝ๋๋ก ๊ฒ์ฆํ ์ ์๋ ํ
์คํธ ์ฃผ๋ ๊ฐ๋ฐ์ ํตํด ๋นํ์๋ ์๋น์ค๋ฅผ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ด
๋๋ค.
#13. ๋ฐฐํฌ
์ง๊ธ๊น์ง ํ์ตํ๋ฉฐ ์ง์ ๊ตฌํํ ์๋ฒ, DB, ๊ฒ์ ์์คํ
์ ๋๊ตฌ๋ ์ด์ฉํด ๋ณผ ์ ์๋๋ก ๋ฐฐํฌ๋ฅผ ์งํํฉ๋๋ค.
#15. ๊ธฐํ
์ ๋๋ก ์ง๊ณ ๋์ด๊ฐ์ง ์์๋ Javascript๊ฐ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ํํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์๋ด
๋๋ค.
#14. Git
์ค์ ๊ฐ๋ฐ์ ์งํํ๋ฉด์ ๋ฒ์ ๊ด๋ฆฌ, ํ์๊ณผ์ ํ์
๋ฑ์ ์ํด ๋ฐ๋์ ์ฌ์ฉํ๊ฒ ๋๋ Git์ ๋ํด์ ์์๋ด
๋๋ค.
#16. Review
ํน์ ๊ณผ์ ์ ๋ฆฌ๋ทฐ์์์ด ์ ๊ณต๋ฉ๋๋ค. ๋ด ์ฝ๋์ ๋น๊ตํด๋ณด๋ฉฐ ๋ถ์กฑํ ๋ถ๋ถ์ ์ฑ์ธ ์ ์์ด์!
๋ด ์์ผ๋ก ์ฑ์ด ์ฝ๋๋ก
ํฌํธํด๋ฆฌ์ค๋ฅผ ์์ฑํ์ธ์.
โ๐ป ํน์ ์ฌ์ดํธ ์ ๋ณด ๊ฐ์ ธ์ค๊ธฐ
๋ด๊ฐ ๋ง๋ค๊ณ ์ ํ๋ ์๋น์ค๋ฅผ ์์ฑํ๊ธฐ ์ํด ํ ์ฌ์ดํธ์ ์ ๋ณด๊ฐ ํ์ํ ๋๊ฐ ์์ฃ . ์ด๋ด ๋๋ง๋ค ์ฐ๋ฆฌ๋ ๋ณต์ฌ>๋ถ์ฌ๋ฃ๊ธฐ>๋ณต์ฌ>๋ถ์ฌ๋ฃ๊ธฐ... ๋ฅผ ๋ฐ๋ณตํด์ ๋ฐ์ดํฐ๋ฅผ ์ง์ ์
๋ ฅํด์ผ ํ ๊น์?
๊ฐ๋ฐ์๋ต๊ฒ ํ ์ฌ์ดํธ์ ๋ฐ์ดํฐ๋ฅผ ๊ธ์ด์ค๋ ๋ฐฉ๋ฒ ๊ทธ๋ฆฌ๊ณ ์ด๋ฌํ ๋ก์ง์ ์์ฑํ๋ฉด์ ๋ฐ์ํ ์ ์๋ ๋ฒ์ ๋ฌธ์ ์ ๋ํด์๋ ํจ๊ป ์์๋ณผ ๊ฑฐ์์.
โ๐ป ์ ์ ๊ฐ ์
๋ก๋ํ ์ด๋ฏธ์ง๊ฐ ์ด๋ป๊ฒ ๊ด๋ฆฌ๋๋ ๊ฑธ๊น์?
์ฐ๋ฆฌ๋ ๊ฒ์๊ธ์ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ ์ถ์ ๋ ๋ฒํผ ๋ช ๋ฒ๋ง ํด๋ฆญํ๋ฉด ๊ฐํธํ๊ฒ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ ์ ์์ด์. ํ์ง๋ง ์ด๋ฏธ์ง๊ฐ ํ๋ฉด์ ์ง์์ ์ผ๋ก ๋ณด์ด๊ธฐ ์ํด์๋ ์ด๋๊ฐ์ ํ์ผ์ด ์ ์ฅ๋์ด์ผ ํ๊ณ , ํ์ํ ๋๋ง๋ค ์ ์ฅ๋ ํ์ผ์ ๊ณ์ ๋ถ๋ฌ์์ผ ํ์ฃ .
์ด๋ฐ ์ด๋ฏธ์ง, ํ์ผ ๋ฑ์ด ์ด๋์ ์ด๋ป๊ฒ ์ ์ฅ๋๋์ง ํ๋ก์ธ์ค๋ฅผ ๋ค์ฌ๋ค๋ณผ ๊ฑฐ์์๐
๐๐ป ํ๋์ ๋จ์ด ๊ฒ์์ผ๋ก ํด๋น ๋จ์ด๊ฐ ํฌํจ๋ ๋ชจ๋ ์ ๋ณด ๊ฐ์ ธ์ค๊ธฐ
'์นด๋'๋ผ๋ ๋จ์ด๋ฅผ ๊ฒ์ํ์ ๋ '์นด๋ ์ถ์ฒ', '์นด๋ ๋ฐ๊ธ', '๋ด ์นด๋ ์กฐํ' ๋ฑ ํด๋น ๋จ์ด๊ฐ ํฌํจ๋ ๋ง์ ๋ด์ฉ์ด ํจ๊ป ๋์ค๋ ๊ฒฝ์ฐ๋ฅผ ๋ณด์ ์ ์๋์? ๋ฌด์ธ๊ฐ๋ฅผ ๊ฒ์ํ ๋, ๊ทธ ํธ๋ฆฌํจ๊ณผ ์๋๋ฅผ ๋์ฌ์คฌ๋ ๊ฒ์ ๊ธฐ๋ฅ! ์๋ฒ์์๋ ์ด๋ป๊ฒ ์ฒ๋ฆฌํด ์ฃผ์๊ธฐ์ ๊ทธ๋ฐ ๊ฒ์์ด ๊ฐ๋ฅํ๋ ๊ฒ์ธ์ง ํจ๊ป ๋ฐฐ์๋ณผ ๊ฑฐ์์.
๐๐ป ๊ฒฐ์ ์ ๊ฐ์ ๋ฏผ๊ฐํ ์๋น์ค๋ ์๋ฒ์์ ์ด๋ป๊ฒ ๊ด๋ฆฌํ ๊น์?
์ฐ๋ฆฌ๊ฐ ์ํ์ ๊ฒฐ์ ํ๋ ๋์ ์๋ฒ์ ๋ฌธ์ ๊ฐ ์๊ฒผ๋ค๋ฉด ์ฐ๋ฆฌ์ ๊ฒฐ์ ์ ๋ณด๋ ์ด๋ป๊ฒ ๋ ๊น์?๐ธ
๋ง์ฝ ์๋ฒ์ ๋ก์ง์ด ์๋ชป ์์ฑ๋์ด ์๋ค๋ฉด ๋ด ๊ณ์ข์์ ์ถ๊ธ๋ง ๋๊ณ ์ํ์ ๊ตฌ๋งคํ ๋ด์ญ์ ์ ์ฅ๋์ง ๋ชปํ ์ ์์ด์. ์ด๋ ๋ฏ ๋ฏผ๊ฐํ ์ ์๋ ๋ฐ์ดํฐ, ์ ๋ณด๋ค์ ์ด๋ป๊ฒ ํ๋ฉด ์์ ํ๊ฒ ๊ด๋ฆฌํ ์ ์์์ง ํธ๋์ญ์
์ ๊ฐ๋
์ ์ ๋ชฉํด ๋ฐฐ์๋ด
๋๋ค.
๐ฏ ์ด ๊ฐ์๋ก ์ป๋ ํฌํธํด๋ฆฌ์ค ์
๋๋ค.
ยท 01. ์คํ๋ฒ
์ค - Node.js๋ก ์งํํ๋ ๋ฏธ๋ ํ๋ก์ ํธ์
๋๋ค. ์คํ๋ฒ
์ค ์ฑ์ ํ์๊ฐ์
์ ๊ตฌํํ๊ณ , ๋ฐ์ดํฐ ํฌ๋กค๋ง์ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ถ์ถํฉ๋๋ค.
ยท 02. ๋๋ง์ ์๋น์ค - Nest.js๋ก DB, ERD ๋ฑ ๋ฐฐ์ฐ๋ ๋ด์ฉ์ ์ง์ ์ ๋ชฉ์์ผ ์ํ๋ ์๋น์ค๋ฅผ ๊ตฌํํฉ๋๋ค. ์ ํด์ง UI๋ ํ์ด ์๊ธฐ ๋๋ฌธ์ ๊ฐ์ ์ ๋ถ๊ฐ์ํค๋ฉฐ ๊ฐ์ฑ์๋ ์๋น์ค๋ฅผ ๊ตฌํํ ์ ์์ด์.
๊ฒ๋ค๊ฐ ๊ฐ์ ํ๋๋ก
์ด๋ง-ํผ์ ์คํ์ ํ ๋ฒ์ ๊ฒ!
๋ณด์ด์ง ์๋ ์์ญ์์ ๋ง์ ์์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ค์ผ ํ๋ค ๋ณด๋ ๋ฐฑ์๋ ๊ณผ์ ์ด ์ด๋ ต๊ฒ ๋๊ปด์ง ์ ์์ด์. ํ์ง๋ง ์ด ๊ฐ์์์๋ ์ฌ๋ฌ ๊ฐ์ง ํ๋ก์ ํธ๋ฅผ ํตํด ์ฌ๋ฏธ์๊ณ ๊น๊ฒ ์คํ์ ์ดํดํ ์ ์์ ๊ฑฐ์์! ๊ฐ์ฅ ํจ์จ์ ์ด๊ณ ๊ฐ๊ฒฐํ ์ฝ๋๋ฅผ ์ํด Javascript, Typescript, Node.js, Nest, Express, Rest-API ๋ฑ ์ ์ฉํ ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์กฐํฉํ์ด์.
์ฌ๋ฌ๋ถ์ ์ด ๊ฐ์๋ฅผ ํตํด ๋ง์ ์คํํธ์
๊ณผ ๊ธฐ์
์ด ์ค๋ฌด์์ ์ฌ์ฉํ๋ ๋ฐฑ์๋ ์คํ๋ค์ ๊น๊ณ ๋๊ฒ ์ป์ ์ ์์ ๊ฑฐ์์!
* version : ์๊ฐ ์ ์ฌ์ฉํ๋ ๋ฒ์ ์
๋๋ค. (ํ์์ ์ฐธ๊ณ ํด์ฃผ์ธ์!)
[Node Section (section 1-3)]
- Node.js: ^13.14.0
- yarn: ^1.22.19
- axios: ^0.27.2
- express: ^4.18.1
- apollo-server: ^3.7.0
- mongoose: ^6.3.3
[Nest Section (section 4-15)]
- @nestjs/cli: ^8.0.0
- typescript: ^4.3.5
- typeORM: 0.2
- grapql: ^16.5.0
- mysql2: ^2.3.3
- apollo-server-express: ^3.8.1
- jest: ^27.0.6
- graphql-upload: ^13.00
- cachemanager: 4.1.0
'Version'๊ณผ ํด๋น ๊ธฐ์ ์คํ์ ๋ํ ์ดํด๊ฐ ์์ด๋ ๊ด์ฐฎ์์. ๊ฐ์์์ ๊ผผ๊ผผํ๊ณ ์น์ ํ๊ฒ ์ค๋ช
ํด ๋๋ฆด๊ฒ์:)
๋ ๋์ ์ปค๋ฆฌ์ด ์ ํ๋ฅผ ์ํด
๋ถํธ์บ ํ ์์
์๋ฃ๋ฅผ ์ ๊ณตํด์.
๐ ์น์
๋ณ ํ์ต์๋ฃ
๊ฐ์๋ฅผ ์๊ฐํ๋ฉด์ ๋ด์ฉ์ ์ดํด๋ฅผ ๋์์ฃผ๋ ์๋ฃ์์. ์ค์ ๋ถํธ์บ ํ ์๊ฐ์๋ ์ฌ์ฉํ๋ ์๋ฃ์ธ ๋งํผ ์ ํ์ฉํ๋ค๋ฉด, ๋์น ๋ถ๋ถ์ด ์๋๋ผ๋ ํฐ ๋์์ด ๋ ๊ฑฐ์์.
๐ ์น์
๋ณ ๊ณผ์ ์๋ฃ
์ค๋ ๋ฐฐ์ด ๋ด์ฉ์ ์ค๋ ๋ณต์ตํ์! ๊ฐ์ ์๊ฐ ํ ์ถฉ๋ถํ ์ฐ์ต์ ํตํด ์์ ํ ๋ด ๊ฒ์ผ๋ก ํก์ํ ์ ์๊ฒ ๋์์ค ๊ฑฐ์์.
๐ ์น์
๋ณ ํฌํธํด๋ฆฌ์ค
๊ฐ ์น์
์์ ๋ฐฐ์ด ๊ธฐ๋ฅ์ ํ์ฉํด ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค ๋ ์ฐธ๊ณ ํ ์ ์๋ ์๋ฃ์์. ์ด ๊ฐ์๋ก ๋ด ํฌํธํด๋ฆฌ์ค์ ๋ ๊ฐ์ ํ๋ก์ ํธ๋ฅผ ์ถ๊ฐํด๋ณด์ธ์!
์ด ๊ฐ์์ ์๊ฐ์์ด
์ง์ ๋ง๋ ์๋น์ค๋ฅผ ์๊ฐํฉ๋๋ค.
๐จ Artipul
๋ฏธ๋์์ ์ํ์ ์ฝ๊ฒ ๊ตฌ๋งคํ ์ ์๋ ์๋น์ค์์. ๋ฉ์ธํ์ด์ง๋ฟ๋ง ์๋๋ผ ๊ฒฐ์ ์คํ API๋ก ํฌ์ธํธ ์ถฉ์ , ๊ฒฐ์ ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๊ณ , Socket.io๋ฅผ ์ฌ์ฉํด ์ค์๊ฐ ์
์ฐฐ ๊ธฐ๋ฅ๊น์ง ๊ตฌํํ์ด์.
๐ Flog
์ฌํ ์ผ์ ยท ๊ฐ๊ณ๋ถ ยท ์ฌํ ๋ก๊ทธ๋ก ๊ตฌ์ฑ๋ ์ฌํ ๊ฐ์ด๋๋ถ ์๋น์ค์์. drag&drop ๊ธฐ๋ฅ์ผ๋ก ์ฌํ ์ผ์ ์ ์ง๋ฉด ์ค์๊ฐ์ผ๋ก DB์ ์ ์ฅ๋์ด ์ฌ์ฉ์ฑ์ ๋์์ด์. ๊ฒ๋ค๊ฐ ๋ค๋ฅธ ์ ์ ์ ์ผ์ ์ ๊ณต์ ํ ์ ์๋๋ก ๊ตฌํํ์ด์!
[๊ณ ๋์ถ ๋ฐฑ์๋ ์ฝ์ค]
์๊ฐ ํ์ ๋๋ ๊ฐ๋ฐ์!
๐๐ปโโ๏ธ ์ค๋ฌด์ ๋ฐ๋ก ํ์ฉํ ์ ์๋ ํฌํธํด๋ฆฌ์ค 2๊ฐ
๐จ๐ปโ๐ ์ค์ค๋ก ์ฑ์ฅํ ์ ์๋ ๊ฐ๋ฐ ์ง์ ๊ตฌ์ถ
๐๐ปโโ๏ธ ์ค๋ฌด์์ ๋ถ๋๋ฌ์ด ์ปค๋ฎค๋์ผ์ด์
์ ํ๋ ์ฃผ๋์ด ๊ฐ๋ฐ์
๐จ๐ปโ๐ป ํ ๋ถ์์ ํ์
๋ฅ๋ ฅ์ด ๋ฐ์ด๋ ๋ฐฑ์๋ ๊ฐ๋ฐ์
๐๐ปโโ๏ธ ํผ์์๋ ํ ์ ์๋ E-commerce Platform ๊ฐ๋ฐ
๋ ๋์ ์ปค๋ฆฌ์ด ์ ํ๋ฅผ ์ํด
[๊ณ ๋์ถ ํ๋ก ํธ์๋ ์ฝ์ค]๋ ์ค๋นํ์ด์.
๐๐ป ์ฐ๊ด ์ถ์ฒ๊ฐ์ :
๋ฐ์ดํฐ ๊ด๋ฆฌ, ๋ณด์, ๊ฒฐ์ ๋ฑ ๋ณด์ด์ง ์๋ ๋ฐฑ์๋์ ์์ญ์ ํ์ตํ๋ค๋ฉด, ์ฌ์ฉ์์ ๋ง๋ ์ ์๋ ํ๋ก ํธ์๋ ์ฝ์ค๋ ์ด๋ค์ ๊ฐ์? ์ง์ API๋ฅผ ์ฐ๊ฒฐํด ์ํ๋ UIยทUX๋ก ์ ๋ณด๋ฅผ ๋ณด์ฌ์ฃผ๊ณ , ๋ค์ํ ์ธํฐ๋ ์
์์๋ฅผ ๊ตฌํํด ์ฌ์ฉ์์ ์ปค๋ฎค๋์ผ์ด์
ํ ์ ์์ฃ . ์, ์ด์ React, Next.js, Graphql๋ฑ ํ๋ก ํธ๊ณ์ ์ต์ ์คํ๊น์ง ์ป์ด๊ฐ์ธ์!
์ ๊น!
์๊ฐ ์ ํ์ธํด์ฃผ์ธ์.
๐ก ์ปดํจํฐ ์ฌ์์ ํ์ธํด์ฃผ์ธ์.
ยท Mac OS๋ ์ฌ์ ๋ฌด๊ดํฉ๋๋ค.
- RAM 16G ์ด์ ๊ถ์ฅ (2015๋
์ดํ ๋ชจ๋ธ์ ํด๋น)
ยท Window OS๋ฅผ ์ฌ์ฉํ ๊ฒฝ์ฐ
- RAM 16GB์ผ ๊ฒฝ์ฐ, ubuntu OS๋ก ์์ ์ค์นํด์ฃผ์ธ์.
- RAM 16GB ์ด์์ผ ๊ฒฝ์ฐ, Window+ubuntu ๋์ผ ์ค์นํ ์ ์์ต๋๋ค.
- ๋ฐฑ์๋ ๊ฐ์์์๋ ์ปดํจํฐ๋ฅผ ์๋ฒ๋ก๋ ํ์ฉํด์ผ ํ๋ฏ๋ก RAM์ ๋ฐ๋ผ ์ผ๋ถ ๋ชจ๋/๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋๋ ํด์ ์ด์ฉ์ด ์ด๋ ค์ ์ํํ ์๊ฐ์ด ์ด๋ ค์ธ ์ ์์ต๋๋ค.
- ubuntu ์ค์น๋ ์์
์๋ฃ > ํ๊ฒฝ ์ธํ
์์ ํ์ธํด์ฃผ์ธ์. (๊ตฌ๊ธ๋ง๋ ๊ฐ๋ฅํด์!)
- Intel Core i5 9์ธ๋ ์ด์ / AMD RYZEN 5 2์ธ๋ ์ด์
๐ก ์ผ๊ณผํ๋ฅผ ๋ง๋ค์ด ๊ท์น์ ์ผ๋ก ๊พธ์คํ ํ์ตํ์๊ธธ ๊ถ์ฅํด์.
๐ก ํ์ต ์๋ฃ๋ฅผ ๋ฐ๊ธฐ ์ํด ํ์
ํด โ๋
ธ์
โ ๊ณ์ ์ ๋ง๋ค์ด์ฃผ์ธ์.
๐ก ์๊ฐ์ ํ์ํ ํ์ต์๋ฃ๋ ๋
ธ์
(๋งํฌ)์ผ๋ก ์ ๊ณต๋ฉ๋๋ค.
โป ํ์ต ์๋ฃ์ ์ ์๊ถ์ ์ฝ๋์บ ํ์๊ฒ ์์ต๋๋ค. ๋ฌด๋จ ๋์ฉ ยท ๋ฐฐํฌ ยท ๋ณต์ ๋ฅผ ๊ธ์งํฉ๋๋ค.
ํน์
๊ถ๊ธํ ์ ์ด ์์ผ์ ๊ฐ์?
Q. ์๋ฌด๋ฐ ์ง์ ์์ด ์๊ฐํด๋ ๋ ๊น์?
๋ค. ์ฝ๋ฉ์ '์ฝ'์๋ ๋ชฐ๋ผ๋ ๊ด์ฐฎ์์. ๋ ๊น๊ณ ๋๊ฒ ์ดํดํ ์ ์๋๋ก HTMLยทJavascript์ ์ฉ๊ธฐ์ด ๊ณผ์ ์ด ํฌํจ๋์ด ์์ด์.
Q. ๋ณ๋์ ๊ต์ฌ๊ฐ ์๋์?
๋
ธ์
์ผ๋ก ์ ๊ณตํด๋๋ฆฌ๋ [๊ฐ์ ์๋ฃ]๋ฅผ ํ์ฉํด์ฃผ์ธ์! ๋ณธ ์๋ฃ๋ ์ค์ ๋ถํธ์บ ํ์์ ์ฌ์ฉํ๋ ๊ทธ๋๋ก์ ์๋ฃ์์. ๋ฌด๋จ ๋์ฉยท๋ฐฐํฌยท๋ณต์ ๋ฅผ ๊ธ์งํฉ๋๋ค.
Q. ๊ธฐ์ด๊ฐ์ (์์์ ํ๋ฆฌ์บ ํ, Javascript)์ ์์
์๋ฃ ๋ฆฌ์คํธ๊ฐ ํท๊ฐ๋ ค์.
Q. ์๊ฐ ์ค ๊ถ๊ธํ ์ ์ด ์๊ฒผ์ด์.
์ปค๋ฎค๋ํฐ์ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์ฝ๋์บ ํ ํ์ด ๋น ๋ฅธ ์์ผ ๋ด์ ์ ์์ํ ๋ต๋ณ์ ๋ฌ์๋๋ฆด๊ฒ์ :)
ํ ์ฝ๋์บ ํ๋ฅผ
์๊ฐํฉ๋๋ค.