์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์น ๋ฟ๋ง์ด ์๋๋ผ, ์๋ฒ์์ ์ฌ์ฉํ ์ ์๋๋ก ์ค๊ณ๋ ์๋ฒ ์คํฌ๋ฆฝํธ ์ธ์ด. ์ด์ ๊ฐ์ด scripts ์ ์์์ ์ ์ค์ ํ๋ค. ์ถ์ฒ : https://expressjs.com/
MongoDB ? > mongoDB๋ ๋ฌธ์์งํฅ ์ ์ฅ์๋ฅผ ์ ๊ณตํ๋ NoSQL ๋ฐ์ดํฐ๋ฒ ์ด์ค ์์คํ
๊ตฌ์กฐ์ ํ์, ๊ฐ ๋ฑ์ ๊ท์ . ๋ชจ๋ธ์ ํ์ด๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค. ๋ค์๊ณผ ๊ฐ์ด mongoose๋ฅผ ์ฌ์ฉํ์ฌ ๋ชจ๋ธ์ ์์ฑํ๋ฉฐ name, password ์ ๊ฐ์ ๊ฐ๋ค์ ํ์ , ์ต๋๊ธ์์ ๋ฑ์ ์ง์ ํด์ค๋ค. exports ํด์ค์ผ๋ก์จ ๋ค๋ฅธ ๊ณณ์์๋ ์ด ๋ชจ๋ธ์ ์ธ ์ ์๊ฒ ํ๋ค. ๋ชจ
์๋๋ ๋ง์ง๋ง ๋ถ๋ถ์๋ ์ญ ๋ฆฌ๋ทฐ ํ๊ณ ๋๋ด๊ณ ์ถ์์ง๋ง, ์ค๋ฅ๊ฐ ๋๋ฌด ๋ง์ด ๋์ ์ค๋ฅ + ๊ฐ๋จํ ๋ฆฌ๋ทฐ๋ฅผ ํ ๊ฒ์ด๋ค. ์ ์ค๋ฅ๊ฐ ๋ ๊ฒ์ธ์ง node ๋ถ๋ถ์ ๋ค ๋ฃ๊ณ ํฌ์คํ ์ ํ๋ ์ง๊ธ์กฐ์ฐจ๋ ์๋ฌธ์ ๋ชจ๋ฅธ๋ค. ๋๋ ๋จ๋ค์ฒ๋ผ ํ๋ฒํ๊ฒ ๋ฆฌํ์คํธ ๋ฐ์์ ์ ์ ๋ฑ๋กํ๊ณ ๋ก๊ทธ์ธ ํ๊ณ
ํ๋๋ง ์ ๋ฐ์ดํธ => ์ ์ฒด ๋ฆฌ๋ก๋ฉํ๋๋ง ์ ๋ฐ์ดํธ => ๋ฐ๋๊ธฐ ์ ์ํ์ ๋ฐ๋ ํ์ ์ํ๋ฅผ ๋น๊ต, ๋ฐ๋ ๋ถ๋ถ๋ง RealDom ์์ ๊ต์ฒด. ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ตฌํ ๋ธ๋ผ์ฐ์ ์์ ๋์๊ฐ ์ ์๊ฒ ํ๋ค. ๋ณต์กํ๊ฒ ๋ ๊ฒ๋ค์ ๋ฒ๋ค์ ๋ฌถ์ด์ฃผ๋ ์ญํ ์ ํ๋ค. => ๋ง์ ๋ชจ๋๋ค์ ํฉ
npm : node package manager ์ค์๋ง. npm: Local๋ก app ๋ค์ด. npx: ๋ค์ด๋ก๋ ์์ด ๋ ํฌ์์ ๊ฐ์ ธ์ค๋ ๊ฒ. (๋ก์ปฌ์ ์ค์นํ๋ ๊ฒ ์๋๋ฏ๋ก ์ฉ๋ ๋ญ๋น x)Public์ ์ ํ์ผ์ด ๋ด๊ธฐ๋ ๊ณต๊ฐ. (์น์์ ๋ณด์ด๋ html, img ๋ฑ)Compo
ํ์ด์ง ์ด๋์ React Router Dom ์ฌ์ฉ. server๋ ์์ฒญ์ ๋ฐ๊ณ db์ ์๋ ์ ๋ณด์ ๋ง๋์ง ํ์ธ. ํ์ธ ํ response ๋ณด๋. ๋ง๋์ง ํ๋ฆฌ๋์ง.Request ๋ฅผ ๋ณด๋ผ ๋ axios ์ฌ์ฉ. ๋ ๊ฐ์ ํฌํธ๊ฐ ๋ค๋ฅด๋ฉด Request๋ฅผ ๋ณด๋ผ ์ ์๋ค. ์ด๋ฅผ ํด