-
Notifications
You must be signed in to change notification settings - Fork 0
Retrospect
2021.04.27
- ํ๋ก์ ํธ ์์ด๋์ด, ํ๋ก์ ํธ๋ช , ํ๋ช ๊ฒฐ์
- ์ฌ์ฉํ tool, stack ๊ฒฐ์
- ์์ด์ดํ๋ ์ ์์ฑ, flow chart ์์ฑ
-
๐
- ๋ง์ ์ค๋น ์์ด ํ์๋ฅผ ์์ํ๋๋ฐ, ์ ์๋์ด ์งํ์ ์ ๋ง ์ํด์ฃผ์ จ๊ณ (Like ์์ ์ฌ์), ์ฝ๋์คํ ์ด์ธ ์ ๋ค์ด์ค๋ฉด์ ์กฐ๊ธ์ฉ ๊ฐ๊ณ ์๋ ํ๋ก์ ํธ์ ๋ํ ์๊ธฐ๋ค์ ์๋ก ๋๋ ์ ์์๋ค. ํ์๊ฒฐ๊ณผ ๊ณ ์์ด ์ปค๋ฎค๋ํฐ ์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด ๋ณด๊ธฐ๋ก ํ๋ค. ํ๋ก์ ํธ๋ช ๊ณผ ํ์ด๋ฆ์ ํฌํ๋ก ์ ํ๋๋ฐ, ํ๋ก์ ํธ๋ช ์ ๋ด ์์ด๋์ด๊ฐ ์ ์ ๋์๋ค. ๐ ๊ณ ์์ด์ ์ธ์์๋ฆฌ๋ฅผ ๋ด ๋์ผ์น (yourCat)์ด ํ๋ก์ ํธ๋ช ์ด ๋์๊ณ , ํ์ด๋ฆ์ ์ฃผํ๋์ ์์ด๋์ด๋ก, ๋ชจ๋๊ฐ ์๋ก์ ์๊ฒฌ์ '์ข์ต๋๋ค~ ์ข์ต๋๋ค~' ๋ผ๋ ๋ง์ ๋ง์ด ํ์ ๋ค๋ฉฐ ์ฃ ์ค๋ผ๋ ํ์ด๋ฆ์ ์ ์ํ์ จ๊ณ ๋ฐ~๋ก ์ ์ ๋์๋ค.๐ฆ
- ํ๋ก์ ํธ์ ์์ด์ดํ๋ ์๊ณผ ํ๋ก์ฐ์ฐจํธ๋ฅผ ์์ฑํ๋ค. nav ์ปดํฌ๋ํธ ํ๋๋ฅผ ๋์์ธํ๋ ๊ณผ์ ์์๋, ๊ฐ์์ ์๊ฐ์ด ๋ค๋ฅด๋ฉฐ ๊ณ ๋ คํด์ผ ํ ๊ฒ๋ ๋ง๋ค๋ ๊ฒ์ ๋ค์ ๋๋ ์ ์์๋ค. Folw-chart์์ ์ด๋ค ์์ฒญ์ด ๋ฐ์ํ ์ง, ์ด๋ค ๋ฐ์ดํฐ๊ฐ ์ค๊ณ ๊ฐ์ง๋ฅผ ์๊ฐํ๋ฉด์ ๋ง๋๋๊ฒ ๋~๋ฌด ์ด๋ ค์ ์ง๋ง ๊ทธ๋ฆฌ๊ณ ๋๋ ํด๋ผ์ด์ธํธ์ ์๋ฒ๊ฐ ์ด๋ป๊ฒ ํต์ ํ ์ง ๋๋ต์ ์ผ๋ก ์ ์ ์์๋ค.
-
๐
- ์ด๊ธฐ๋จ๊ณ๋ถํฐ ๋๋ฌด ์ธ์ธํ๊ฒ ์ ํ๋ ค๊ณ ํ๋ ๊ฒ ๊ฐ๋ค. ์์ด์ดํ๋ ์์ ์ฒ์ ์ง๋๋ฐ ๊ตฌ์ฒด์ ์ธ ๋ด์ฉ๊น์ง ์๊พธ ์์ฌ๋ด๊ฒ๋์ ์๊ฐ์ ํจ์จ์ ์ผ๋ก ์ฐ์ง ๋ชปํ๋ค. ์ข๋ ํฐ ๊ณจ์๋ฅผ ์ง ๋ค์, ์ธ๋ถ์ ์ธ ๋ด์ฉ์ ์ถ๊ฐํ๋ ๋ฐฉํฅ์ผ๋ก ์งํ๋ ์ ์๋๋ก ์ ๊ฒฝ์จ์ผ ํ ๊ฒ ๊ฐ๋ค.
- ๋ชฝ๊ณ DBโฆ ์ฌ์ค ์ข ์ฝ๊ฒ ๋ดค๋๋ฐ ๊ทธ๋์ ๊ณ์ SQL๋ง ์ฌ์ฉํด ์์ด์์ธ์ง, ๊ทธ๋์ ์์๋ ๊ฐ๋ ๋ค๊ณผ ์๊พธ ์ถฉ๋ํด์ ๊ณต๋ถํ๊ธฐ๋ ์ดํดํ๊ธฐ๋ ๊น๋ค๋กญ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. schema๋ api์์ฑ์ ์์, ๋ชฝ๊ณ DB์ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ ์ฌ์ฉ๋ฒ์ ๋ํด์ ๋๋๋ ๊ณต๋ถํด์ผ ํ ๊ฒ ๊ฐ๋ค.
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- ํ๋ก์ ํธ ์์ด๋์ด, ํ๋ก์ ํธ๋ช , ํ๋ช ๊ฒฐ์
- ์ฌ์ฉํ tool, stack ๊ฒฐ์
- ์์ด์ดํ๋ ์ ์์ฑ, flow chart ์์ฑ
- ๐
- ํ๊ณ ๋ฅผ ์์ฑ์ ํ์์ฑ์ ๋๊ผ๋ค. ๋๋์๋ณด๋ฉด์๋ ์ฑ์ฅํ ์ ์๋๋ฐ ์๋ง ๋ณด๊ณ ์๋๋ณด๋ค.
- ํฌ๋๋ฆฌ์คํธ ๊ฐ์ด ์ ์์์ ์ฝ๋๋ฅผ ์์ฑํ ๋ ํ๋ก์ฐ์ฐจํธ์ ํ์์ฑ์ ๋๋ผ์ง ๋ชปํ์ง๋ง, ๊ท๋ชจ๊ฐ ํด ์๋ก ์ฝ๋๊ฐ ๋ณต์กํ ์๋ก ํ์ํ ์ฐธ๊ณ ์๋ฃ๊ฐ ๋ ์ ์์์ ๊นจ๋ณ์๋ค.
- ์๊ฐํ๋ ๋ก์ง์ ์ง์ ๋ง๋ค์ด๋ผ ์ ์๋ค๋๊ฒ ์ ๋ง ์ฌ๋ฐ๊ณ ์ฌ๋ฐ๋ค.
- ๐
- ํ์๋ฅผ ํ ๋ ์์ด๋์ด๋ ๊ณ์ ์๊ฐ๋ฌ์ง๋ง ์์ด๋์ด๋ฅผ ๊ตฌํํ๋๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ ๊ณ ๋ คํ์ง ๋ชปํ๋ ๊ฒ ๊ฐ๋ค.
- ์คํ์ ์ ํํ๋๋ฐ ๊ธฐ์ค์ ์ก๊ธฐ ์ด๋ ค์ ๊ณ , ๊ฐ๊ฐ์ ์ฅ๋จ์ ์ ํ์ ํ๊ธฐ์ ์๊ฐ์ด ๋๋ฌด ๋ถ์กฑํ๋ค. ํ๋ก์ฐ์ฐจํธ ์์ฑ ์ ์ฃผ์ด์ง ์๊ฐ์ ๋ฐ๋ผ ๋ณ๊ฒฝ๋ ์ ์๋ ๊ธฐ๋ฅ๋ค์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํด์ผํ ์ง ๊ฐ์ด ์์จ๋ค.
- ๊ธฐ๋ฅ ์ถ๊ฐ์ ํ์ํ ๋ถ๋ถ, ๋ณ๊ฒฝ๋ ๋ถ๋ถ์ ๋ฐ๋ก ํ ์คํธ๋ก ํด๋์ผ๊ฒ ๋ค.
- ์ง์ ๋ญ๊ฐ๋ฅผ ๋ง๋ค์ด๋ด๋๊ฑฐ์ ์กฐ๊ธ ๋ถ์กฑํ ๋ฉด์ด ์๋ ๊ฒ ๊ฐ๋ค. ๊ตฌ์กฐ๋ฅผ ์ ์ก๋ ๋ฒ์ ๊น๊ฒ ๊ณ ๋ฏผํด๋ด์ผ ํ ๊ฒ ๊ฐ๋ค.
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- ํ๋ก์ ํธ ์์ด๋์ด, ํ๋ก์ ํธ๋ช , ํ๋ช ๊ฒฐ์
- ์ฌ์ฉํ tool, stack ๊ฒฐ์
- ์์ด์ดํ๋ ์ ์์ฑ, flow chart ์์ฑ
-
๐
- ์ด๋ค ํ๋ก์ ํธ๋ฅผ ํ ๊น ์๊ฒฌ์ ๋๋๋ค๊ฐ ๋ฐ๋ ค๋๋ฌผ ์ฌ์ดํธ๋ก ์๊ฒฌ์ด ๋ชจ์์ก๋ค. ๋ด๊ฐ ๊ณ ์์ด๋ก ์ข ๋ ํนํํ๋ฉด ์ด๋จ์ง ์๊ฒฌ์ ์ ์ํ๋๋ฐ ๋ชจ๋ ๋์ํด์ฃผ์ ์ ๊ฐ์ฌํ๋ค!
- ์ฐ๋ฆฌ ํ์๋ค์ด ํญ์ "์ฃ ์ต๋๋ค(์ข์ต๋๋ค)"๋ผ๊ณ ํ์ ์ ํ๋ช ์ ์ฃ ์ค๋ก ์ ์ํ๋๋ฐ ๋ชจ๋ ๋๋ฌด๋ ์ข์ํด์ฃผ์ จ๋ค.
- ํ์ ์ ์ ๊ฐ์ ํ์ด์ง ๋ชฉ์ ์ ๊ทธ๋ ค์ค๊ณ , ํ์ ๋ ๊ทธ๊ฒ์ ํ ๋๋ก ์๊ธฐํ ๊ฒ ์๊ฐ ํ์ฉ ์ธก๋ฉด์์ ์ข์๋ค. ์ฐ๋ฆฌ ํ์๋ค ๋ชจ๋ ๋ ์ด์์๋ ์ ์ง๊ณ ์ฌ๋ฌ ๋๊ตฌ๋ค์ ์ ํ์ฉํ๋ ๊ฒ ๊ฐ์์ ์ ๋ง ๋ฉ์ง๋ค๊ณ ์๊ฐํ๋ค๐
- ์ปดํฌ๋ํธ๋ณ Flow-chart์ ๋ํด์ ์๊ธฐํ๋๋ฐ ๊ฐ์ ๋ง๋ค์ด์ ์ค๋น๋ฅผ ํด์ค๊ณ , ๋ฐํ๋ฅผ ํ๊ณ , ๊ทธ๊ฒ์ ๋ค์ผ๋ฉฐ ์ง๋ฌธ์ ํ๊ณ ๊ทธ๋ฐ ๊ณผ์ ๋ค์ด ๋ฉ์ง๋ค๊ณ ๋๊ปด์ก๋ค.
- ๊ฐ์ด ์คํฐ๋๋ฅผ ํ๋ ๋ถ๋ค์ด๋ผ ์๋ก ๋ํํ๋ ๋ฒ๋, ์๊ฒฌ์ ๋ง์ถ๋ ๋ฒ๋ ์ ๋ง๋ ๊ฒ ๊ฐ์์ ๊ธฐ์๋ค!
-
๐
- ๋ณธ๊ฒฉ์ ์ผ๋ก ์ด๋ค ์น์ ๋ง๋ค์ง ์๊ธฐํ๋ฉด์ ์ด๋์ ๋ ๋ํ ์ผํ๊ฒ ๋ค์ด๊ฐ์ง ์กฐ์ ์ด ํ์ํ ๊ฒ ๊ฐ๋ค. ์์ ๋จ๊ณ์์ ๋๋ฌด ์ธ์ธํ๊ฒ ๋ค ์ ํ๋ฉด ๋๋ฌด๋๋ฌด ์๊ฐ์ด ๋ง์ด ๋ค ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
- ์ด๋ ํ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ ๊ฒ์ธ์ง, ์ด๋ค ๋ฐฉ๋ฒ์ ์จ์ผํ ์ง(ex. ๋ก๊ทธ์ธ ์ฌ๋ถ๋ฅผ ์ด๋ป๊ฒ ๊ณ์ ์ฒดํฌํ ๊ฒ์ธ๊ฐ) ์๊ธฐํ๋ ค๋ฉด ๊ทธ๊ฒ์ ๋ํ ์ง์์ด ์ ์ ๋ฆฝ๋์ด ์์ด์ผํ๋ค๋ ๊ฑธ ์์๋ค. ๊ณต๋ถ๋ฅผ ์ด์ฌํ ํด์ผ๊ฒ ๋ค!
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- ํ๋ก์ ํธ ์์ด๋์ด, ํ๋ก์ ํธ๋ช , ํ๋ช ๊ฒฐ์
- ์ฌ์ฉํ tool, stack ๊ฒฐ์
- ์์ด์ดํ๋ ์ ์์ฑ, flow chart ์์ฑ
- ๐
- ๋ค๋ค ํ๋ก์ ํธ๋ฅผ ๋ง์์ ํ๊ณ ์์๋ ๊ฒ ๊ฐ๋ค. ์์ฒญ๋๊ฒ ๋ง์ ์์ด๋์ด๊ฐ ์์์ ธ๋์๋ค! ์๊ธฐํ๋๊ฒ ๋๋ฌด ์ฆ๊ฒ๋ค! ๋ด๊ฐ ์ด์ฉ๋ค๋ณด๋ ์งํ์ ๋งก๊ฒ ๋์๋๋ฐ ๋ค๋ค ์ฆ๊ฑฐ์ํ์ผ๋ฉด ์ข๊ฒ ๋ค. ์ด๋ ๊ฒ ์ข์ ์ฌ๋๋ค๊ณผ ๊ฐ์ด ํ๊ฒ ๋๋๊น ๋ ์๋์ง๊ฐ ๋ ๊ฒ ๊ฐ๋ค๋ผ๋ ์๊ฐ์ด ๋ค์๋ค. ๋ค๋ค ํ์ดํ ~!!
- ์์ด์ดํ๋ ์๊ณผ ํ๋ก์ฐ์ฐจํธ๋ฅผ ์์ฑํ๋๋ฐ ์ด๊ฒ ๋ํ ๋ง์ ์ด์ผ๊ธฐ๊ฐ ์ค๊ณ ๊ฐ์ผ ํ๋ค๋ ๊ฒ์ ์๊ฒ ๋์๋ค. ๋ค๋ค ๋ฏธ๋ฆฌ ์ค๋นํด์ ํ๋๊ฒ ๋๋ฌด ๋ฉ์์๋ค. ํ์ง๋ง ์ ํด์ผ ํ ๊ฒ๋ ๋๋ฌด๋๋ฌด ๋ง์์ ์ด๋์ ์ํต์ ์ํ๋ ๊ฐ๋ฐ์๋ฅผ ์ ํธํ๋๊ตฌ๋.. ๋ผ๋ ์๊ฐ์ด ๋ค์๋ค. ๋๋ฌด ์ฆ๊ฑฐ์ด ๊ฒฝํ์ด์๋ค!
- ๐
- ๋๋ฌด ์์ผํ๊ฒ ์๊ฐํ๋ค.. ์ ํ ๊ฒ ๋๋ฌด๋๋ฌด๋๋ฌด๋๋ฌด๋๋ฌด ๋ง๋คโฆ. ์๊ฐ๋ณด๋ค ๋ง์์์ ์ ํด์ผํ๋๋ฐ ์๊ฐ์ ์ ํ๋์ด ์๊ณ ๋ง์์ ๊ธํ๊ณ ๋ด ๊ณต๋ถ๋์ ๋ถ์กฑํ๋ค๊ณ ์๊ฐํด์ ๋ง์ ์๊ฐ์ด ๋๋ ์ด์ ์ค๋์ด์๋ค...
- ์ฐ๋ฆฌ๋ ๋๋ฌด ํฐ ์ฒ์ด ์๋๋ผ ์์ ๋๋ฌด๋ค๋ง ๋ณด๊ณ ์์๋ ๊ฒ ๊ฐ๋ค๋ ๋๋์ด ๋๋ ๋ ์ด์๋ค. ๋ด์ผ์ ๋ ๋ง์ ๊ฒ๋ค์ ์ ํ๊ณ ์์ํด์ผํ๋ ๋ ์ธ๋ฐ ์กฐ๊ธ ๊ฑฑ์ ์ด ๋๋ค.
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
2021.04.28
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- user API ๊ตฌํ
-
๐
- ์ ์ ํ์ ์๊ฐ์ ํจ์จ์ ์ผ๋ก ์ฐ๋ ๊ฒ ๊ฐ๋ค!! ์ด์ ๋ณด๋ค ์งง์์๊ฐ์์ ํ ๊ท์น๊ณผ ์๋ฒ ์ชฝ ์คํค๋ง์ api ๋ฑ ๋ง์ ๊ฒ๋ค์ ์ ํ ์ ์์๋ค. ๋ค๋ค ํ์๊ฐ ์งํ๋๋ฉด์ ์ด๋ค ๊ฒ์ด ์ค์ํ๊ณ ์ด๋ ํ ํ๋ฆ์ผ๋ก ์งํํด์ผ ํ๋์ง ์๊ฒ ๋ ๊ฒ ๊ฐ๋ค
- ์ค๋ ํ๋ก์ ํธ๊ฐ ์ง์ง ์์๋๋ค๋ ๋๋์ ํ! ๋ฐ์๋ค. ๊ทธ๋์ ๋ง์ ๊ฒ๋ค์ ์ ํด์๋ค๊ณ ์๊ฐํ์ง๋ง, ๋ง์ ์์ํ๋ ค๋ ์ ํด์ผ ํ ๊ฒ ๋ค์ด ๋๋ฌด๋ง์๋ค. repository๊ฐ ๋ง๋ค์ด์ง ์๊ฐ๋ถํฐ ์๊ฐ๊ฐ๋ ์ค ๋ชจ๋ฅด๊ณ ๋ง์ ๊ฒ๋ค์ ์ ํ ๊ฒ ๊ฐ๋ค. ๊ฐ ํด๋์ ๊ตฌ์กฐ์ ๊ณตํต์ ์ธ ์ด๊ธฐ ์ธํ ์ ์ก๊ณ , ์ด์ธ์๋ ์ด์์นด๋ ์์ฑ, branch ๊ท์น, commit๊ท์น, PR ๊ท์น ๋ฑ ๊ท์น์ด๋ ๊ท์น์ ์์ฒญ ์ ํ ๊ฒ ๊ฐ๋ค. ๋ฏธ๋ฆฌ ์ค๋นํ์์๋ ์ด๋ ๊ฒ ์๊ฐ์ ์ก์๋จน์ ์ค์ ๋ชฐ๋๋๋ฐ, ์ด๊ธฐ์ ํํํ๊ฒ ์ก์๋์ผ ๋์ค์ ๋ ๊ณ ์ํ๋ค๋ ๋ง์์ผ๋ก ์ง์คํ๋ ๊ฒ ๊ฐ๋ค.
-
๐
- ๋งค์ฐ๋งค์ฐ ์ฌ์ํ ์ค์๋๋ฌธ์ ๊ฝค ๋ง์ ์๊ฐ์ ํ๋นํ ๊ฒ ๊ฐ๋ค. ์คํ๋ ๋ฉ์๋ ์ฌ์ฉ ์ค์์ ๊ฐ์ ์ฌ์ํ ๊ฒ๋ค๋ก ์๊ฐ์ด ํ๋น๋๊ฒ ๋~๋ฌด ์๊น๋ค.โจ
- ๊ธฐ๋ฅ ๊ตฌํ ์ค ์์ ๊ธฐ๋ฅ์ด๋ผ๋ ์์ฑ๋ ๋๋ง๋ค ์ปค๋ฐ์ ํด์ผํ๋๋ฐ ์๊พธ ๊น๋จน๋๋ค!! ๋๋๋ชจ๋ฅด๊ฒ ์ญ ์งํํ๋ค๊ฐ ๋ค๋ฆ๊ฒ์์ผ ์ปค๋ฐ์ ํ๋ ๊ฒฝ์ฐ๊ฐ ์ฌ๋ฌ๋ฒ์ธ ๊ฒ ๊ฐ๋ค. ์์ง ์ต๊ด์ด ๋ ๋ค์ด์ ๊ทธ๋ฐ ๊ฒ ๊ฐ์ผ๋ ๊ณ์ ๊ธฐ๋ฅ๋ณ ๋ก ์ปค๋ฐํ๋ ค๋ ์๊ฐ์ ์์์ ์ผ๋ก๋ผ๋ ํด์ผ๊ฒ ๋ค.โจ
- content API ๊ตฌํ
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- user API ๊ตฌํ
- ๋ก๊ทธ์ธ/ํ์๊ฐ์ ๋ชจ๋ฌ์ฐฝ ๊ธฐ๋ฅ ๊ตฌํ ๋ฐ ๋ผ๋ ์์ฑ
- ๐
- ์ฌํ๋ก์ฐ์ฐจํธ ์์ฑํ ๋ ๋ฐฑ์ง์ฅ์์ ๋ก์ง์ ์๊ฐํ๋๋ฐ ํ๋ค์์ง๋ง ์์ฑํ๊ณ ๋ณด๋ ๋ก์ง์ด ๋จธ๋ฆฟ์์ ์์ ๋ค์ด์ค๋ ๊ฒ ๊ฐ๋ค.
- ํ์๋ ๋ง์ดํ๋ฉด ๋๋๊ตฌ๋... ์ ์ ๋นจ๋ผ์ง๊ณ ์๋ค. ์ผ๋ฅธ ๋ ์ต์ํด์ ธ์ 4์ฃผ์ฐจ๋ฅผ ๋๋นํ์.
- ๊น ๋ ํฌ์งํ ๋ฆฌ์ ์ฌ๋ฌ๊ธฐ๋ฅ์ ์จ๋ดค๋ค. ์ต์ํ์ง ์์์ง๋ง ์๋ก์ด๊ฒ์ ๋ ์ ๊ธฐํ๋ค.
- ์์ฑ๋์ ๋์ ์ฝ๋๋ฅผ ์๊ฐํ๋ฉฐ ์์ฑํด๊ฐ๋ ๊ณผ์ ์ด ๋ฐ๋์งํ๋ค๊ณ ์๊ฐํ๋ฉฐ ํญ์ ๋ ธ๋ ฅ์ค์ด๋ค. ์๊ฐ๋๋ก ๋์ ๋ ์ ๋ง ๊ธฐ๋ถ์ด ์ข๋ค. ์ค๊ฐ์ค๊ฐ ๋ฆฌํฉํ ๋งํ๋๊ฒ ์ข ํ๋ค๊ธด ํ์ง๋ง, ์ ์ ์ต์ํด์ง๋ค๋ณด๋ฉด ๋ฆฌํฉํ ๋ง ํ๋ ์๋ ์ค๊ฒ ๊ฐ๋ค.
- ์ฝ๋ ๋ฆฌ๋ทฐ์์ ์ป์ด๊ฐ ์ ์๋ ๋ถ๋ถ์ด ์ ๋ง ๋ง์ ๊ฒ ๊ฐ๋ค. ์๋ก ๊ฐ์ด ์ฑ์ฅํด๊ฐ๋ ๋๋์ด๋ค.
- ๐
- ๊ธฐ๋ฅ ํ๋ํ๋๋ ์์๋จ์๋ผ ์๊ฐํ์ง๋ง, ๋ชจ์ด๊ณ ๋๋ ๊ฑฐ๋ํ๋ค. ํ์๊ธฐ๋ฅ ๋ถ๊ฐ๊ธฐ๋ฅ ๋ฑ์ผ๋ก ์ค์๋๋ฅผ ๋๋ ์ ๊ฐ๋ฐํด๋๊ฐ์ผ๊ฒ ๋ค. ๋์์ธ ๋ถ๋ถ์์ ์์ฌ์ํต์ ๋ฏธ์ค๊ฐ ์์๋ค. ์ ์ฒด์ ์ธ ํ์ ๊ธฐ์ค์ ์ ๋๋ก ์ ํ์ง ์์ ํ์ด์๋๋ฐ, ์ด๋ฐ ์ ๋งคํ ์ ์๋ ๋ด์ฉ์ ๊ผญ ํ์คํ ํ๊ณ ๋์ด๊ฐ๋๋ก ํ์.
- ๋ฐฐํฌ ๋ถ๋ถ์์ ๋ฌธ์ ๊ฐ ์์๋ค. https๋ก ์งํํ๊ณ ์ ํ๋๋ฐ AWS์์ ์ ์ฉ์ด ๋๋๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ด ๋๋ฆฐ ํ์ธ์ง ์๋๊ณ , ์๊ฐ์ด ์ง๋๋ ์๋๋ค. ๋ฐ๊ธ๋ฐ์ ์ปค์คํ ๋๋ฉ์ธ์ ์ ์ฉํ ์ ์์๋๊ฒ ๋๋ฌด ์์ฝ๋ค. ์ด๋์ ์ค๋ฅ๊ฐ ๋๋ ๊ฑด์ง ๊ฐ์ด ์ ์ค์ง ์๋๋ค..
- ๋ฆฌ๋์ค๊ฐ ๊ณตํต์ผ๋ก ์ฐ์ด๋ ๋ถ๋ถ์ด๊ณ , ๋ด๊ฐ ๋น์ฅ ํ์ํด์ ํ์๋ค์๊ฒ ๋ฆฌ๋์ค ๋ถ๋ถ์ ์๋ณด๊ฒ ๋ค๊ณ ์๋ ธ๊ณ ๊ตฌ์กฐ๋ฅผ ์ด์ง ์ก์๋จ๋ค. ํ๋ช ์ด ํ๋๊ฒ ํธํ๊ธด ํ์ง๋ง ์ด๋ ๊ฒ ํ๋๊ฒ ๋ง๋ ์ถ๊ธฐ๋ ํ๋ค.
- ๋ก๊ทธ์ธ/ํ์๊ฐ์ ๊ธฐ๋ฅ ์๋ฒํต์ ์ถ๊ฐ
- ์ฌ์ง์ฒจ๋ถ ์ปดํฌ๋ํธ ๊ตฌํ
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- Calculator Page(๊ธ์ฌ๋ ๊ณ์ฐ๊ธฐ), Landing Page, Nav bar ๊ตฌํ
- ๐
- 4์ธ ํ์ด๋ฅผ ํ๋ค. ๋ค ๊ฐ์ด ํ์ด๋ฅผ ํ๋ฉฐ ์ด๊ฒ ์ ๊ฒ ์ค์ ํ๊ณ ๋ง๋๋๊น ์ฌ๋ฐ์๋ค. ์ ์ด๋ฐ ๊ฒ ํ์ ์ด๊ตฌ๋!
- ์ค๊ฐ์ ์๋ก์ด dev๋ฅผ ๋ง๋ค๊ณ rebaseํ๋ ์์ ์ ํ๋๋ฐ ์ดํดํ๊ธฐ๊น์ง๋ ์ค๋ ๊ฑธ๋ ธ๋๋ฐ ๋ง์ ๋ก์ง์ ์ ๋ฆฌํ๋ ๊ฐ๋จํ๋ค! ์ด๋ ๊ฒ git์ด๋ ์กฐ๊ธ์ฉ ์นํด์ง๊ณ ์๋ค!
- ๋ด๊ฐ ๋งก์ ๋ถ๋ถ์ ๊ณํ๋ณด๋ค ์ผ์ฐ ์์ฑํ๋ค. ์ธ๋ถ ๋์์ธ์ ์ข ๋ค๋ก ๋ฏธ๋ค์ ๊ทธ๋ฐ ๊ฒ๋ ์์ง๋ง ์ผ์ด ๋นจ๋ฆฌ ์งํ๋๋ ๊ฒ ๊ฐ์ ๊ธฐ์๋ค.
- ๐
- ์ ๋ฒ ํ์์์ ํ์ด์ง์ ๋์์ธ์ ๋๊ฐ ํ ๊ฒ์ด๋๋ฅผ ์ ํ์๋๋ฐ, ์ค๋์์์ผ ๋น์์ ๋ํ๋ฅผ ์๋ก ๋ค๋ฅด๊ฒ ํด์ํ๊ณ ์์๋ค๋ ๊ฒ์ ์๊ฒ ๋์๋ค. ์ฌ๋ฐ๋ฅด๊ฒ ์ํต ํ๋ ๊ฒ์ด ์ค์ํ ๊ฒ ๊ฐ๋คใ ใ ์ ๋งคํ ๋ง์ ์ง์ํ๊ณ ํ์คํ ๋ง์ ์ฐ๋๋ก ํ์.
- ํฌํ ํ์ด์ง ๊ตฌํ
- node, npm ๋ฑ ๊ฐ๋ฐํ๊ฒฝ ํต์ผ
- ์ปค๋ฐ๊ท์น, ์ฝ๋๊ท์น๋ฑ ์ธ๋ถ ๊ท์น ์ค์
- DB Schema, API ๋ฌธ์ ์์ฑ
- ํํ ๋ฆฌ์ผ ํ์ด์ง ๊ตฌํ
- ๐
- ์์ ์์ ๋ง์๊ฒ๋ค์ ์ ํ๋ค! ์ด์ ์ ํ์๋ฅผ ๋ฐํ์ผ๋ก ์ค๋์ ์กฐ๊ธ ๋ ํ ์ฃผ์ ์ ์ง์คํ๋ ํ์๋ฐฉ์ ๋๋ถ์ ๋ง์ ๊ฒ๋ค์ ์๋๋ด์ ๋นจ๋ฆฌ๋นจ๋ฆฌ ์ ํ ์ ์์๋ ๊ฒ ๊ฐ๋ค. ๋ฒ์จ ์ฝ๋๋ฅผ ์์ฑํ๋ค๋ ๋๋ฌด๋๋ฌด ํ๋ณตํ๋ค!
- ํํ ๋ฆฌ์ผ ํ์ด์ง๋ฅผ ๊ตฌํํ ๋ ์ธ๋ค์ผ์ ๋ฃ๊ณ ์ถ์๋๋ฐ ์ด์ํ๊ฒ ๊ทธ ๋ถ๋ถ์ด ์ ์๋์ด์ ์ฝ์ง์ ๋ง์ด ํ๋ ์ค์ด์๋ค. ๊ทธ๋๋ ์ฐ๋ฆฌ ํ์๋ค๊ณผ ๋๊ธฐ๋ถ์ ๋์์ ๋ฐ์์! ์ข์ ์์ค๋ก! ์ธ๋ค์ผ๊น์ง ๋์ค๋ ์์ ์ ์๋ฃํ๋ค๐๐๐๐ ๋๋ฌด ํ๋ณตํ๋ค
- ๐
- ์๋ฒฝํ๊ฒ ์ดํดํ๋ค๊ณ ์๊ฐํ๋๋ฐ ์์ฌ์ํต์ ๋ฌธ์ ๊ฐ ์์๋คโฆ ๋๋ฌด ํ๋ค์ง ๋๋์๋ค. ํ์ ์๊ฐ์ด ๊ธธ์ด์ ๊ทธ๋ฐ๊ฐ..? ๋ผ๋ ํ๊ณ๋ฅผ ๋๊ธฐ์๋ ๋ด ์์ฌ์ํต์ ๋ฌธ์ ๊ฐ ์์๋ ๊ฒ ๊ฐ๋ค. ๋น ๋ฅธ ์์ผ์ ์์์ ๋คํ์ด์์ง๋ง ์์ผ๋ก๋ ๋ง์ด ์ฃผ์ํด์ผ๊ฒ ๋ค.
- ์ค๊ฐ์ rebase๋ฅผ ํ๋ ์์ ์์ ์๊ฐ ๋ฉํ์ด ํฐ์ง๋ป ํ๋คใ ๋ด ์ํฐ ํ๋์ ๋ฌด์จ ์ค๋ฅ๊ฐ ์๊ธธ์ง ๋ชจ๋ฅด๋ ์ด ๊ธฐ๋ถ์ ์ ๋ง ๋๋ฌด ์์ฐํ๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก๋ ์ ํด๊ฒฐ์ด ๋์์ง๋ง ์์ง๋ ์ค๋ฅ์ ์ด๋ ๊ฒ ๋๋ ค์ํ๋ค๋ใ ใ
- ๊ฒ์ํ ๊ธ ์์ฑ, ์์ , ์ญ์ ๊ธฐ๋ฅ ๊ตฌํ
2021.04.29
- ๊ฒ์ํ CRUD API ๊ตฌํ
- ๋๊ธ ์์ฑ API ๊ตฌํ
- ๐
- ๋ชฝ๊ณ DB ์ฟผ๋ฆฌ๋ฌธ์ ์ ์ ์ต์ํด์ง๋ ๋๋์ด๋ค!! ์ฒ์์๋ ๊ณต์๋ฌธ์๋ฅผ ๊ณ์ ๋ณด๋ฉด์ ์ฐพ๊ธฐ ๋ฐ๋นด๋๋ฐ, ์ด์ ๋ ์์ฃผ์ฐ์ด๋ ๊ฒ๋ค์ ์์ ์ต์ด์ ์์ ์๋๊ฐ ๋นจ๋ผ์ง๊ฒ ๋๊ปด์ก๋ค.
- ์๋ฒ์ชฝ์ ๋งก๋ค๋ณด๋๊น ์ฝ์๋ก ํ ์คํธํ๋ ์ต๊ด, ์ค๋ฅ๋ฉ์์ง๋ฅผ ์ฝ๋ ์ต๊ด์ด ๊ธธ๋ฌ์ง๋ ๋ฏํ ๋๋์ด๋ค. ์ฝ๋์คํ ์ด์ธ ๋ค์ด์์ ์ฝ์์ฐ๋๊ฒ ์ด๋ ต๋ค๊ณ ์๊ฐํ๋์ ์ด ๋ง์๋๋ฐ ์ด์ ๋ ์ข ์ค๋ฅ๋ค๊ณผ ๋ง์ด ๊ฐ๊น์์ง ๋๋์ ์ธ๋๋????!
- ๐
- ์คํค๋ง๋ฅผ ๊ธฐ๊ป ์ง๋๊ณ ํ์ ์ ์๋ชป๋ฃ๋ ์ค์๋ฅผ ํ๋ค. ๋ชฝ๊ณ DB๋ NoSQL์ด๋ผ์ ๋ฐ์ดํฐ๋ฅผ ์ค์ ํ๊ณ ๋ฃ์ ๋ ์ข๋ ์ ์คํด์ผ ํ ๊ฒ ๊ฐ๋ค.
- ๋ชฝ๊ณ DB ์ฟผ๋ฆฌ์ ์ต์ํด์ง๋งํผ ๋ญ๊ฐ.. ์ฟผ๋ฆฌ๊ธฐ๊ณ๊ฐ ๋ ๊ธฐ๋ถ์ด๋ ๋คโฆ? API๋ง๋๋ ๊ธฐ๊ณ ๊ทธ์์ฒด.. ๊ธฐ๋ณธ๊ธฐ๋ฅ์ ๋จผ์ ๊ตฌํํ๊ณ ์์ด์ ๋ ๊ทธ๋ฐ๊ฒ ๊ฐ๋ค. ๋๊ธ๋ค๋ ๊ธฐ๋ฅ์ ๋ง๋ค๋ฉด์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ฐ์ดํฐ๋ฅผ ๊ฐ๊ณตํ๋ ํจ์ฌ ์ฌ๋ฐ์๋ค. ๋นจ๋ฆฌ ๊ธฐ๋ณธ๊ธฐ๋ฅ์ ๋ค ๊ตฌํํด์, advancedํ ๊ฒ๋ค๋ ๊ตฌํํด๋ณด๊ณ ์ถ๋ค.
- ๋๊ธ ์ญ์ API๊ตฌํ
- ์ด๋ฏธ์ง์ ๋ก๋ ๋ฏธ๋ค์จ์ด ๊ตฌํ
- ํ์๊ฐ์ ๋ชจ๋ฌ ๊ตฌํ
- ๊ณ ์์ด ์ ๋ณด ์์ฑ ๋ชจ๋ฌ ๊ตฌํ
- ์ฌ์ง ์ ๋ก๋์ ํ๋ฉด์ ๋ ๋๋งํ๊ณ ์ํ์ ์ ์ฅ๋๊ณ ์ ๋ฌ props์ ๋ฐ๋ฅธ ๋ ๋๋ง(ํฌ๊ธฐ, ๊ณก๋ฅ )์ด ๋ณํํ๋ ์ปดํฌ๋ํธ ๊ตฌํ.
- ๐
- input ํ์ ์ด ํ์ผ์ธ ์๋ฆฌ๋จผํธ์ ๊ธฐ๋ณธ ๋์์ธ์ ์จ๊ฒจ์ผ ํด์ ์ข ๊น๋ค๋ก์ ์ง๋ง ์ด๋ฒคํธ๋ฅผ ์ฐ๊ฒฐํ๊ณ css๋ ์์ ํด์ ์ํ๋ ํํ์ ๊ธฐ๋ฅ์ ๊ฐ์ง๋ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ ์ ์์๋ค. ์ค๋๊ฑธ๋ ธ์ง๋ง... ๋ฟ๋ฏํ๋ค.
- ์ค๋ฅ๋ฅผ ๋ง๋๋ฉด ๊ฒ์ํด๊ฐ๋ฉฐ ์ป์ด๊ฐ๋๊ฒ ๋ง๋ค. ํ์ง๋ง ๊น๊ฒ ๋ค์ด๊ฐ๊ธฐ์ ์์ง ์ง์์ด ๋ง์ด ๋ถ์กฑํ ๋ฏ ํ๋ค. ๊ณต๋ถํ ๊ฒ ๋ง์์ ์ข์ผ๋ ์ข์์ ์ผ๋ก ํ๊ฒ ๋ค!
- ๐
- ์ฝ๋๊ฐ ์ํ๋ฆฌ๋ฉด ๋๋ฌด ํด๊ฒฐํ๋๋ฐ ์ง์ฐฉํ๋ ๋ฏ ์ถ๊ธฐ๋ ํ๋ค. ๋ค๋ฅธ ๊ณณ ๊ฐ๋ค๊ฐ ๋์์ค๋ฉด ๋ฌธ๋ ๋ ์ค๋ฅด๋ ๊ฒฝ์ฐ๋ ๋ง์์ ๋๋ฌด ๋ชฐ์ ํ์ง๋ ๋ง์!
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋จ์ฉ์ ๊ธฐ์ค... ๋ด๊ฐ ์์ฑํ๋๊ฑฐ๊ธฐ ๋๋ฌธ์ ๋ด๊ฐ ์ ํ๋ ๋ถ๋ถ์ด์ง๋ง ๊ฐ์ด ์์ง ์ค์ง ์๋๋ค. ๋ด๊ฐ ๊ตฌํํ ์ ์๋ ๋ถ๋ถ๊ณผ ์๋ ๋ถ๋ถ, ์๊ฐ ๋ฑ์ ๊ณ ๋ คํด์ ์ํฉ์ ๋ง๊ฒ ์ฐ๋๋ก ํ์! ํ๋๊ฒ๋ง ๋ง์ ํ๊ณ ..
- ์๋ฌ๋ฅผ ์ ๋ฆฌํ ๋ ๊ทธ๋๊ทธ๋ ๊ธฐ๋กํ์. ๊น๋จน๋๊ฒ๋ ๊ฝค ๋ง์ ๊ฒ ๊ฐ๋ค.
- ๋ฉํฐ์คํ ํผ ๊ตฌํ
- ์๋ฒ ์์ฒญ์๋ต ๊ธฐ๋ฅ ์ถ๊ฐ
- ๋ผ์ฐํฐ ์ถ๊ฐ
- ํฌํ ํ์ด์ง ๋ ์ด์์ ๋ง๋ค๊ธฐ
- ํฌํ ํ์ด์ง ๊ธฐ๋ฅ ๊ณํ
- ๐
- ํฌํ ํ์ด์ง๋ฅผ ์นด๋ ํ์์ผ๋ก CSS๋ฅผ ํ๋๋ฐ ๋์์ธ์ด ์ด๋ป์ ์์ฃผ ๋ง์ ๋ ๋ค.
- ๐
- ์ค๋ ์๊ฐ์ด ๋ง์ง ์์์ ์ฝ๋๋ฅผ ๋ง์ด ์ ์ง ๋ชปํ๋คใ ใ
- ํฌํ ํ์ด์ง ์ ๋ก๋ ํผ ๋ง๋ค๊ธฐ
- ํฌํ ํ์ด์ง ๋ ๋
- ๊ฒ์๊ธ Create ๊ธฐ๋ฅ ๊ตฌํ
- ๐
- ์ค๋์ ๊ฒ์๊ธ์ Create ๊ธฐ๋ฅ์ ๊ตฌํํ๋ค. ๋ฌผ๋ก ์์ง ์๋ฒ๋ ํต์ ํ๋ ๋ถ๋ถ๊ณผ ์ ์ ์ ๋ณด๋ฅผ ๋ฐ์์์ผ ํ๋ ๋ถ๋ถ์ ๋ง๋ฌด๋ฆฌ ์ง์ด์ผ ํ์ง๋ง ์ค๋ ์๊ธฐ ์ ๊น์ง๋ ํด๊ฒฐํ ์ ์์ ๊ฒ ๊ฐ๋ค. ํ๊ฐ์ง ๊ธฐ๋ฅ ์ด๋ผ๋ ๊ตฌํํด์ ๋คํ์ด๋ค.
- ๐
- ์ธ ๊ฐ์ง ๊ธฐ๋ฅ ๊ตฌํ์ ๊ณํํ์๋๋ฐ ํ ๊ฐ์ง๋ฐ์ ํ์ง ๋ชปํ๋คโฆ. ๊ธฐํ ๋ด์ ๊ทธ๋๋ ๋ง๋ฌด๋ฆฌ ํ๋ ค๋ฉด ์๊ธฐ ์ ๊น์ง ์ข ๋ ๋ณด๊ณ ์๊ฐํด์ ๊ธฐ๋ฅ์ ๊ตฌํํด์ผ๊ฒ ๋ค. ์ด์ ๋ ์๋ฉด์ ๋ง์ด ์๊ฐํ์๋๋ฐ ์ค๋๋ ์๋ฉด์ ์๊ฐํด๋ด์ผ๊ฒ ๋ค.
- ๊ฒ์ํ ๊ธฐ๋ฅ ๊ตฌํ ์๋ฃ
- ์๋ฒ์ ์ฐ๊ฒฐ
2021.04.30
- ์ด๋ฏธ์งํ์ผ ์ ๋ก๋ ๊ธฐ๋ฅ ๊ตฌํ
- ํด๋ผ์ด์ธํธ์์์ ์ด๋ฏธ์งํ์ผ S3 ์ ๋ก๋ ํ ์คํธ
- ๐
- ์ค๋์ ๋ชฉํ์๋ ์ด๋ฏธ์งํ์ผ์ S3์ ์ ๋ก๋ํ๋๋ฐ ์ฑ๊ณตํ๋ค. ๋จผ์ ์๋ฒ์ local storage์ ํด๋๋ฅผ ๋ง๋ค์ด์ ์ ์ฅํ๋ ๋ฐฉ๋ฒ์ ๊ตฌํํ ๋ค์, ์คํ์ S3์ ๋ฒํท๊ณผ ์ฐ๊ฒฐํ์ฌ ํด๋ผ์ฐ๋์ ์ ์ฅํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ค. ์ฒ์์ ์ด๋ฏธ์ง ํ์ผ์ ์ ์ฅํ๋ ๋ฐฉ๋ฒ์ ๊ณต๋ถํ ๋, '์ด๊ฑฐ ๋ฌด์จ๋ง์ด์ผ?'๋ผ๋ ์๊ฐ์ด ๊ฐ์ฅ ๋จผ์ ๋ค์๋๋ฐ, ํ๋ค๋ณด๋ ๋ ๋๋๊ฒ ์ ๊ธฐํ๊ณ ์ฌ๋ฐ์๋ค. ์ด๋ ต๋ค๊ณ ์๊ฐํ๋๋งํผ ๊ตฌํํ์ ๋ ๋๋ ์ฑ์ทจ๊ฐ์ ๋ง๋๋ชปํ๋ค!
- ๋ค๋ง ํด๋ผ์ด์ธํธ์์ formdata๋ก ์ ์กํ ๋, ๊ฐ์ฒด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ด๋ฐ์์ ํ๋์ API๋ก ์ฒ๋ฆฌํ๊ณ ์ถ์๋๋ฐ formData๋ ๋ฌธ์์ด ํํ๋ก๋ง ์ ์ก์ด๋์, ๊ฐ์ฒด๋ฅผ ์ ์กํ๋ ค๋ฉด ๊ฐ์ฒด๋ฅผ ๋ค๋ฅธ ํํ๋ก ์ ์ฅํ๋ ๋ฐฉ๋ฒ์ ์ฌ์ฉํด์ผํ๋ค. ๊ทธ๋ฌ๋ฉด ํ๋์ API๋ก ์ฒ๋ฆฌํ๋ค๋ ๊ฐํธํจ๋ณด๋ค ์คํ๋ ค ๋ก์ง์ ๋ณต์ก๋๊ฐ ๋์ด๋ ๊ฒ ๊ฐ์์ ์ด๋ฏธ์ง ์ ๋ก๋๋ฅผ ์ํํ๋ API๋ฅผ ๋ฐ๋ก ๋ง๋ค์ด์คฌ๋ค. ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์์์ง ์กฐ๊ธ ๋ ์ฐพ์๋ด์ผ๊ฒ ๋ค.
- ๐
- ์ด๋ฏธ์งํ์ผ์ S3์์ ์ญ์ ํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ค๊ณ ์๊ฐํด๋ณด๋ ์๊ฐ๋ณด๋ค ๊น๋ค๋ก์ ๋ค. ๊ธฐ์กด์ ๊ตฌํํ๋ ํ์์ ๋ณด์์ , ํ์ํํด, ๊ฒ์๊ธ ์์ ๋ฑ์ด ์ด๋ฃจ์ด์ก์ ๋, ์ด๋ฏธ์งํ์ผ์ด ๋ณ๊ฒฝ๋๋ค๋ฉด ๊ธฐ์กด์ S3์ ์ ์ฅ๋์ด์๋ ํ์ผ๋ค์ ์ญ์ ํด์ค์ผํ๋ค. ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๊ฒ๊ณผ db์์ ์ฟผ๋ฆฌํ๋ ๊ฒ๋ ๋ณต์กํ๊ณ , ๊ธฐ์กด์ API๋ก์ง๋ ์์ ํด์ค์ผํด์ ์ฒ์ ๋ก์ง์ ์งค ๋ ์กฐ๊ธ๋ ๊ผผ๊ผผ์ด ์งค๊ปํ๋ ํํ๋ฅผํ๋ค. ๋ฟ๋ง์๋๋ผ ๋ถ๋งํฌ ์ข์์ ๊ธฐ๋ฅ์ ๊ตฌํํ ๋ก์ง์ ์๊ฐํด๋ณด๋, ๊ธฐ์กด ์คํค๋ง๋ ์กฐ๊ธ ๋ณ๊ฒฝํด์ผํ ๊ฒ ๊ฐ๋ค. ๋๋ ์คํค๋ง ์ ์์์ค ์์๋๋ฐ... ์ด๋ฌ๋ฉด์ ์ฑ.์ฅ ํ๋ ๊ฑฐ๊ฒ ์ง!
- ํ์์ ๋ณด๋ ๊ฒ์๊ธ ์ญ์ ํ ๋, DB์ ๋ณด๋ฟ๋ง ์๋๋ผ S3ํด๋ผ์ฐ๋์ ์ด๋ฏธ์งํ์ผ๋ ๊ฐ์ด ์ญ์ ํ๊ธฐ
- ์ข์์,๋ถ๋งํฌ API ๊ธฐ๋ฅ ๊ตฌํ
-๋ฉํฐ์คํ ํผ ๊ตฌํ
- ์๋ฒ ์์ฒญ ์๋ต๊ธฐ๋ฅ ์ถ๊ฐ
-
๐
-
์์ํ ์ค๋ฅ๋ฅผ ์ ์ธํ๋ฉด ๋ก๊ทธ์ธ/ํ์๊ฐ์ ๊ธฐ๋ฅ์ ์ ์ฒด์ ์ธ ํ๋ก์ฐ ๊ธฐ๋ฅ์ ์์ฑํ๋ค. ์๋ฒ์ ํต์ ์ ๋ฐฑ์๋ ํ์๋ถ์ด ์์ฑํด์ฃผ์ ๋ฉ์ธ์ง๊ฐ ์ฝ์์ฐฝ์ ๋ฐ๋ ๋งํผ ์์ฌ๋๋ ๊ฒฝ์ฐ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค.
-
๋ชจ๋ฌ์ฐฝ์ ์ฐ์์ ์ผ๋ก ๋๊ธฐ๋ ๋ฐฉ๋ฒ์ ๊ณ ๋ฏผํ์ ๋ ํ์๋ถ์ด ๋ฉํฐ์คํ ๋ชจ๋ฌ ํค์๋์ ์ฐธ๊ณ ์ฌ์ดํธ๋ฅผ ์ ๊ณตํด์ฃผ์ จ๋ค. ํด๋น ์ฌ์ดํธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ๊ฒ์ ๋ํ ๋ด์ฉ์ด์๋๋ฐ ์ ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด๋ ๋ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ ์ง์ ๊ตฌํํด ๋ณด๋ ๋ผ์ ์ ๋ง ๊ธฐ๋ปค๋ค. ๊ทธ ์ฝ๋๋ฅผ ๋ชป๋ดฃ๋ค๋ฉด ์ ๋ ๊ตฌํ ๋ชปํ์ ๊ฒ ๊ฐ๋ค.
-
-
๐
- ์ฌ์ํ ์ค์๋ก ์ฝ๋ ์ ์ฒด๋ฅผ ํ์ด๋ณด๊ณ ์ปค๋ฐ๊น์ง ๋๋๋ ค๊ฐ๋ฉฐ ๋น๊ตํ๋ ๋ฑ์ ์๊ฐ์ ๋๋ฌด ์ค๋์ผ๋ค.
- ํ์๋ค์๊ฒ ๋์์ด ๋ ์ ์๋ค๋ ์๊ฐ์ ์ค๋ณต๋๋ ๋ถ๋ถ์ ํด๊ฒฐํด์ฃผ๋ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ์ง๋ง ์ ๋ฌด์์ญ์ ์นจ๋ฒํ๋ ๊ฒฐ๊ณผ๋ฅผ ์ผ๊ธฐํ๋ค. ์์ผ๋ก๋ ์ญํ ๋ถ๋ด์ ๋ ์ฒ ์ ํ ํด์ ํ์๋ค๊ฐ ์ค๋ณต๋ ์์ญ์ด ๋์ค์ง ์๋๋ก ๋ฏธ๋ฆฌ ์ ๊ฒฝ์ ์จ์ผ๊ฒ ๋ค.
- ๋ฉํฐ ์คํ ํผ ๋ชจ๋ฌ๋ก ๋ณ๊ฒฝ
- ์ค๋ฅ๋ฉ์ธ์ง ๋ชจ๋ฌ์ฐฝ๋์ฐ๊ธฐ
- ํฌํ ํ์ด์ง ์ ๋ก๋ ํผ ๊ตฌํ ๋ ธ๋ ฅ
- ํฌํ ํ์ด์ง ๋ ๋
- ๐
- ์ค๋ ์ผ์ ๊ณ๊ธฐ๋ก ๊ธฐ๋ฅ๋ณ๋ก ์ญํ ๋ถ๋ด์ ๋ค์ ํ๋ค. ์๋ ์ด๋ ๊ฒ ๊ธฐ๋ฅ๋ณ๋ก ํด์ผ ์ฝ๋ ์ค๋ณต์ด ์์ด์ง ๊ฒ ๊ฐ๊ณ ์ข์ ๊ฒ ๊ฐ๋ค.
- ์ค๋ ํ์ฅ๋์ด ์ ๋ง ๋น์ด ๋ฌ๋ ๊ฒ ๊ฐ๋ค. ํ์ฅ๋ ๋๋ฌด ๋ฉ์ ธ!! ์ต๊ณ ์ ํ์ฅ์ด์ผ.
- ๐
- ์ด๋ฏธ์ง์ฒจ๋ถ ๊ธฐ๋ฅ์ ํ์๋ถ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋ง๋ค์ด๋์ผ์ จ๊ณ ์๋ฒ๋ก ์ ์ก์ ๊ฐ์ ํ๋ฉด ๋๋ค๊ณ ์๊ธฐ๊ฐ ๋์๋ค. ๊ทธ๋์ ์คํ์ ์๋ฒ๋ก ์ ์ก์ ์ด๋ป๊ฒ ํ๋ฉด ๋ ์ง ์ด์ฌํ ์ฐ๊ตฌํ๋๋ฐ ์ ๋ ์ ๋จน๊ณ ๋์์ค๋ ํ์๋ถ์ด ๊ทธ ๋ถ๋ถ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ฃ์ด๋์๋ค๊ณ ํ์ จ๋ค. ํฌํ ํ์ด์ง์ ํต์ฌ๊ธฐ๋ฅ๋ค์ด ๋ค ๋ง๋ค์ด์ ธ ๋ฒ๋ ค์ ์์ํ๋ค. ๋๋ ์ฌ๋ฐ๋๊ฑธ ํ๊ณ ์ถ์์ผ๋๊น. ์ด๋ฏธ์ง ์ ๋ก๋๊ฐ ์ฌ๋ฌ ํ์ด์ง์์ ์ฐ์ด๋๊น ํ ์ฌ๋์ด ๋ง๋ค๋ฉด ๋๋ ๊ฑด ๋ง์๋ค. ๊ทธ๋ฐ๋ฐ ์ฌ์ ์ ๊ทธ ๋ถ๋ถ์ด ํ์๋์ง ์์๊ณ ๋๊ฐ ๋ง๋ค์ด๋์๊ฑด์ง๋ ํ์๋์ง ์์๋ค. ๊ทธ๋์ ์ด๋ฐ ๋ถ๋ถ์ ์ฝ๋๋ฆฌ๋ทฐ ์๊ฐ์ ์ด์ผ๊ธฐ ํ๊ณ ์๊ธฐ๊ฐ ์ ํ๋ ค์ ๋คํ์ด๋ค.
- ๋๊ธ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ฒ์ํ Read ๊ธฐ๋ฅ ๊ตฌํ ๋ ธ๋ ฅ
- ๐
- READ์ ๋ํด ์ ๋ง์ ๋ง ๋ง์ด ๊ณต๋ถ๋ฅผ ํ๋ค^^โฆ Create๋ ์ธ์ฆ์ด ์๋์ ๊ทธ๋ฅ ์ฝ๊ฐ ๊ฐ์์ผ๋ก ํ๋ ๋๋์ด์๋๋ฐ ์๋ฒ๋ ํต์ ์ ํ๋ฉด์ ํ๋๊น ์๋ก์ด ๊ฒฝํ์ด์๋ค.
- ๐
- Read ํ๋ ๊ธฐ๋ฅ์ ๋ํด์ ๊ต์ฅํ ๋ง๋งํ๊ฒ ๋ดค์๋๋ฐ ์ ์๋๋ค.. ๋ด๊ฐ ๋ญ๊ฐ๋ฅผ ๋์น๊ณ ์๋๊ฑด์ง.. ์๊ฐ๋ณด๋ค ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฐ๋ค. ์ค๋๋ ์นดํ ๊ณ ๋ฆฌ๋ ์์ธํ์ด์ง read๋ถ๋ถ ๋๊ฐ์ง๋ฅผ ํ๋๋ฐ ๋ ๋ค ๊ฑด๋๋ ค๋ง ๋๊ณ ์์ฑ์ ๋ชปํ๋ค. ์์ ์๋๊ฐ ๋๋ฌด ๋๋ ๋๋์ด๋ผ์ ํ๋๊ฒ ์๋ ๋๋์ด๋ค.
- ์ค๋์ ์ฒ์ ํ๋ก์ ํธ์ ์ค๊ณ์ ๊ณํ์ ์๋ชปํ๋ค๋ ๊ฑธ ๋ผ์ ๋ฆฌ๊ฒ ๋๋ ๋ ์ด์๋ค. ์ด๋์ ์ฒ์ ๊ธฐํ๊ณผ ๋ถ๋ฐฐ๊ฐ ์ค์ํ๋ค๊ณ ๋งํ๋ ๊ฑฐ์๊ตฌ๋ ๋ผ๋ ๊ฑธ ๋ค์ํ๋ฒ ๊นจ๋ฌ์๋ค. ์ฐ๋ฆฌ ๋ชจ๋ ํ๋ฒ๋ ํ๋ก์ ํธ๋ฅผ ํด๋ณธ ์ ์ด ์๊ธฐ ๋๋ฌธ์ ๋จ๋ค์ด ํ๋ ๋ฐฉ์์ด ์๋๋ผ ์ฐ๋ฆฌ๋ผ๋ฆฌ ํธํ๋ค๊ณ ์๊ฐํ๋ ๋ฐฉ์์ธ ํ์ด์ง ๋ณ๋ก ๋ถ๋ฐฐ๋ฅผ ํด์ ์์ ์ ์งํํ๊ณ ์์๋ค. ๊ทธ๋ฌ๋ค ๋ณด๋ ์ ๋ฌด์ ๋ถ๋ฐฐ๊ฐ ๊ท ์ผํ์ง ๋ชปํ๊ณ ํ๋ก์ ํธ์ ๊ธฐ์ฌ๋์ ์ฐจ์ด๊ฐ ์๊ธฐ๊ธฐ ์์ํ๋ค. ๋๋ ํนํ๋ ์ ์ฒด์ ์ผ๋ก ํ์ ์ ๋ฌด ๋ถ๋ด์ ๋ํด์ ์ดํด์ผ ํ๋ ์ฌ๋์ด์์๋๋ฐ ๋ด๊ฐ ํ ์ผ์ด ๋ฐ์๋ค๋ ํ๊ณ๋ก ๊ทธ ๋ถ๋ถ์ ์ ์ดํผ์ง ๋ชปํ์๋ค. ๋์ ๋ถ์กฑํ ๋ฐฐ๋ ค์ ์์ผํจ ๋๋ฌธ์ ํ ์ฌ๋์ ์์คํ๊ฒ ์๊ฐํ์ง ์๊ฒ ๋๋ ๊ฒฐ๊ณผ๋ฅผ ์ด๋ํ๊ณ ์ด๋ ๋ชจ๋์ ์๋ชป์ด๋ผ๊ณ ์น๋ถํ๊ธฐ์๋ ๋ด ์ญํ ์ด ์ฃผ๋ ์ฑ ์์ ๋ฌด๊ฒ๊ฒ ๋ฐ์๋ค์ด์ง ๋ชปํ๋ ๊ฒฐ๊ณผ๋ผ๋ ์๊ฐ์ด ๋ค์๋ค. ๊ทธ๋๋ ์๋ก๊ฐ์ ์คํด๊ฐ ์์ด๋ ์๊ฐ์ ๋์ง ์๊ณ ๋ฐ๋ก์ก์ ์ ์๋๋ก ์๊ฐ์ ๋ง๋ค์ด์ค ์ฌ๋์ด ์์ด์ ์ง๊ธ๊น์ง์ ํ๋ก์ ํธ ์งํ ๋ฐฉ์์ ๊ณ ์น๊ณ ์๋กญ๊ฒ ๋ค์ ์์ํ ์ ์์๋ค. ์ด๋์ ๋ค๋ค ์ปดํฌ๋ํธ๋ณ๋ก ๊ตฌ์ฑ์ ํ๋๊ตฌ๋โฆ ๋ค์ ํ ๋ฒ ๊ธฐ๋ฅ๋ณ๋ก ์ ๋ฆฌ๋ฅผ ํ๋ ์ ์ ์์๋ค. ํ์คํ ํ์ด์ง๋ง๋ค ๊ฒน์น๋ ๊ธฐ๋ฅ๋ค์ด ์์๊ณ ์ด ๋ฐฉ๋ฒ์ด ๋ ํจ์จ์ ์ธ ๋ฐฉ๋ฒ์ผ ์ ๋ฐ์ ์๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ๋ด๊ฐ ์ด ํ์ด์ง ๋ฟ๋ง ์๋๋ผ ๋ค๋ฅธ ํ์ด์ง๋ ๋ณด๋ฉด์ ์๋ก์ด ๊ธฐ๋ฅ๋ค์ ๊ตฌํํ ์ ์๋ค๋ ์๊ฐ์ ์์ผ๋ก์ ์์ ๋ค์ด ๋ ์ฆ๊ฑฐ์ ์ง๊ฒ๋ง ๊ฐ์์ ๋คํ์ด๋ผ๋ ์๊ฐ์ด ๋ค์๋ค.
- ๊ฒ์ํ Read ๊ตฌํ ๋ง๋ฌด๋ฆฌ
2021.05.02
- ๋๊ธ ์์ ๊ธฐ๋ฅ ๊ตฌํ
- ๋ถ๋งํฌ ๊ธฐ๋ฅ ์ผ๋ถ ๊ตฌํ
- ๐
- ๋ชฝ๊ณ DB์ ๊ฐ๋ ฅํจ์ ๋๋ ๋ ์ด์๋ค. collection์ document๋ค์ด ์ฐธ์กฐํ์์ผ๋ก ๋ค์ด๊ฐ DB Schema์์ ๋ฐ์ดํฐ๋ฅผ ์ฟผ๋ฆฌํ๊ณ ์์ ํ๋ค๋ณด๋, ๋ชฝ๊ณ DB๊ฐ ์ผ๋ง๋ ์ ์ฐํ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ธ์ง ๋ชธ์ ๋๋ ์ ์์๋ค. ์ฌ์ง์ด ๊ด๊ณํ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊ฐ ์๋์๋ mongoose์ populate ๋ฉ์๋๋ฅผ ์ฐ๋ฉด ๊ด๊ณํ๋ฐ์ดํฐ๋ฒ ์ด์ค์ join๊ณผ ๊ฐ์ ๊ธฐ๋ฅ๋ค์ ์์ ๋กญ๊ฒ ์ฌ์ฉํ ์ ์์๋ค. ๋ถ๋งํฌ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ , ๋๊ธ์ ์์ ํ๋ ๊ณผ์ ์์ populate๋ฅผ 3์ค์ผ๋ก ์ฐ๊ธฐ๋ ํ๋๋ฐ, โ์ด? ์ด๊ฒ๋ผ?โ๋ผ๋ ๋ง์ด ์ ๋ก๋์๋ค. DB๊ฐ ๊ฐ์ฒดํ์์ด๋ค๋ณด๋ ์ฟผ๋ฆฌ๊ฐ ๋งํ์ ๋, javascript์ ๊ฐ์ฒด ๋ฌธ๋ฒ์ ์ํ์ผ์ ์จ๋ณด๋ฉด, ๋ชฝ๊ณ DB๊ฐ ์ณ๋ค๊ตฌ๋ ํ๋ฉด์ ์์๋ฃ๋๊ฒ ์ฐธ ์ ๊ธฐํ๋ค.
- ๐
- ํ๋ก์ ํธ ํ๊ธฐ๋ค์ ๋ณด๋ฉด์, ๊ผผ๊ผผํ์ง ๋ชปํ๊ฒ ๋์ด๊ฐ ๋ถ๋ถ์ ๋ค์์ ๊ผญ ํ๋ฅผ ์ผ์ผํจ๋ค๋ ๋ง์ ์ ๋ง ๋ง์ด๋ด์๋ค. ๋๋ ๊ทธ๊ฒ ๊ทธ๋ฅ ํ์์ ์ผ๋ก ํ๋ ๋ง์ธ์ค ์์๋คโฆ ํ์ง๋ง ๋ ์ค๋์์๋ค. ๊ทธ๋ค์ด ์ค๋์ ๋์๊ฒ ๋ฏธ๋ฆฌ ํด์ค ์ถฉ๊ณ ์๋ค๋๊ฑธโฆ ํ์๊ฐ์ API๋ฅผ ์งค ๋, ๊ณ ์์ด์ ๋ณด๊ฐ ์๋์ง ์๋์ง๋ก ๋ถ๊ธฐํ์ฌ ์กฐ๊ธ์ ๋จ์ํ๊ฒ ๋ก์ง์ ์ง ๊ฒ ํ๊ฐ ๋ ๊ฒ ๊ฐ๋ค. ์ค๋์์์ผ ๋ค๋ฅธ API์์ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ ๋ ํด๋น ๋ถ๋ถ์ด ๋ฌธ์ ๊ฐ๋์ด ๋ฒ๊ทธ๋ก ๋ฐ๊ฒฌ๋์๋ค. ๊ทธ๋๋ ๋ถ๋ช โํด๋ผ์ด์ธํธ๋ ์๊ธฐํด์ ์กฐ๊ธ๋ ์์ธํ๊ฒ ์ง์ผ๋ ๊ฒ ๊ฐ๊ธฐ๋ ํ๊ณ โฆโ๋ผ๋ ์๊ฐ์ ํ์๋๋ฐ, ๊ธฐ๋ณธ์์ ๋จผ์ ๋ค ๋ง๋ฌด๋ฆฌํ๊ณ ๋์ค์ํ์๋ ์์ผํ ์๊ฐ์ด ์ค๋์ ๋ด ๋ทํต์๋ฅผ ๋๋ ธ๋ค. ์๋ฒ๋ ํด๋ผ์ด์ธํธ์ DB๋ฅผ ์ฐ๊ฒฐํ๋ ๊ณผ์ ์ด๋ฏ๋ก ์๋ฒ์ ๋ฌธ์ ๊ฐ ์๊ธฐ๋ฉด ๋ค๋ฅธ ์ ๋ฌด์๋ ์ง์ฅ์ด ๊ฐ ์ ๋ฐ์ ์๋ค๋ ๊ฑธ ์ ์คํ ๋๋ ํ๋ฃจ์๋ค.
- ๋ถ๋งํฌ ๊ธฐ๋ฅ ๊ตฌํ ์๋ฃ
- catInfo๊ด๋ จ ๋ฒ๊ทธ ์์
- ๋ฉํฐ ๋ชจ๋ฌ ์คํ ์์ฑ
- ๋ก๊ทธ์์ ๊ธฐ๋ฅ
- ํฌ์คํธ๋งจ ํ ์คํธ ์์ฒญ/์๋ต ํ ์คํธ
- ๐
- ๋ฉํฐ์คํ ๋ชจ๋ฌ์ ์์ฑํ๋ค. ๋จ๊ณ๊ฐ ๋ง๋ค๋ณด๋ ์์ํ๊ฒ ์ ๊ฒฝ์ฐ์ง ๋ชปํ๋ ๋ถ๋ถ์ ๋ํ ์ค๋ฅ๊ฐ ๋ฐ์ํด์ ์ฒ๋ฆฌํ๋๋ฐ ์ด๋ ค์์ด ์์์ง๋ง ์์ฑ๋ ๊ฒฐ๊ณผ๋ฌผ์ ๋ณด๋ ๋งค์ฐ ๋ฟ๋ฏํ๋ค. css๋ ์ ์ฉํด๋ณด๋ ๊ฝค ๊ทธ๋ด ๋ฏ ํ๋ค.
- ์ด์ ๋ง๋ฌด๋ฆฌํ๊ณ ์๋ก์ด ๊ธฐ๋ฅ๊ตฌํ์ ๋ค์ด๊ฐ๋๋ฐ ์ด์ํจ์ด ๋ง๋ค. ์์ง ๋ง์ ์์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ค๋ณธ ์ ์ด ์์ด์ ์ด์ํ์ง๋ง ๋น ๋ฅด๊ฒ ์ ์ํ๊ณ ๋๋ผ ์ ์๋๋ก ํฌ์คํธ๋งจ์ผ๋ก ์์ฒญ์๋ต์ ๋ฏธ๋ฆฌ ํ์ธํด๋๊ณ ๋น ๋ฅด๊ฒ ๋น ๋ฅด๊ฒ ํ๋ ค๊ณ ํ๋ค!
- ๐
- ๋ง๋ค์ด๋๋ ์ด๋ฏธ์ง ์ปดํฌ๋ํธ์ ๋ฌธ์ ๊ฐ ์๊ฒผ๋ค. ์ด์ ์ ํ ์คํธ๋ฅผ ์งํํ ๋ ์์๋ก response๋ฅผ ์๋ตํ๋๋ก ์๋ฒ ํด๋๋ฅผ ์์ ํ ๋ค ํ ์คํธ๋ฅผ ํด์ ์ ๋๋ก ํ ์คํธ๋ฅผ ๋ชปํ๋ ๊ฒ ๊ฐ๋ค. useEffect๋ฅผ ํตํด ๋ ๋๋ง๋๋ ์ฌ์งurl์ด ๋ณ๊ฒฝ๋ ๊ฒฝ์ฐ formData๋ฅผ ์๋ฒ์ ์์ฒญ๋ณด๋ด๋ ๋ฐฉํฅ์ผ๋ก ์๊ฐํ์ง๋ง ์์ฒญ์ ๋ณด๋ด๋ ๋ฐ์ดํฐ๊ฐ ๋น ํ์ผ ์ด์ฌ์ ํ์๋ถ์ด ํธ๋ฌ๋ธ์ ๊ฒช์๋ค. ํ ์คํธ๋ฅผ ํ๋ค๊ณ ์๊ฐํ๋์ง, ๋ง๊ฐ์ ํด๋ฒ๋ ธ๋์ง... ๋ฐ์ดํฐ ์์ฒญ ์๋ต์ ์ ํ์ธํด์ผ๊ฒ ๋ค. useEffect์ ๋ํ ์ดํด๋...์์ง ๋ถ์กฑํ ๋ฏ ํ๋ค.
- ๋ฆฌ๋์ค ์ ์ญ์ํ๊ด๋ฆฌ์ ์ ์ ๋ถํธํจ์ ๋๋ผ๊ณ ์๋ค. ๋ก๊ทธ์ธ ์ ๋ฌด๋ฅผ ํ์ธํ๊ธฐ ์ํด ์ํ๋ ํจ์ ์์์ ์ํฌํธํด์จ ํจ์๋ฅผ ์คํํ๋ฉด ํ ํฐ์ ๋ฌด๋ฅผ ๋ฆฌํดํ๋ ํจ์๋ฅผ ์์ฑํ๊ณ ์ ํ์ง๋ง hook์ ๋ถ๋ฌ์ฌ ์ ์๋ค๋ ์ด์ ๋๋ฌธ์ ์ ๋ฅผ ๋จน์๋ค. ๊ฒฐ๊ตญ ํด๊ฒฐํ ์ ์์๋ค... recoil์ด๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ด๋ฐ ๋ฉด์์ ํธ๋ฆฌํ ๊ฒ ๊ฐ์๋ฐ ์ง์์ ์ฐพ์์ผ๋ฉด ์ด๋์ ๋ฏ ์ถ๋ค..
- ์๋ฒ์ชฝ์ ๋ํ ์ดํด๊ฐ ์กฐ๊ธ ๋ถ์กฑํด์ง๋ ๋ฏ ์ถ๋ค. ์๋ฌด๋๋ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์๋ง ์น์คํ๋ค ๋ณด๋ ๊ฒ์๊ธ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ค๋ณด์ง ์์์ ๊ทธ๋ฐ ๊ฒ ๊ฐ๊ธด ํ์ง๋ง, ์๋ฒ์ชฝ์ ๋ํ ์ดํด๋ ์ด๋์ ๋ ํ์ํ ๋ฏ ํ๋ค.
- ๊ฒ์ํ ์ ๋ฐ์ดํธ ๋ ๋๋ง
- ๊ฒ์ํ ์ญ์ ๊ธฐ๋ฅ ์ถ๊ฐ
- ๊ฒ์ํ ์ ๋ฐ์ดํธ ์์ฒญ๊ธฐ๋ฅ ์ถ๊ฐ
- ๋๊ธ Create ๊ธฐ๋ฅ ๊ตฌํ
- ๋๊ธ Read ๊ธฐ๋ฅ ๊ตฌํ
- ๐
- ํฌํ ํ์ด์ง๋ฅผ ์ ์ณ๋๊ณ ๋๊ธ ์ฝ๋๋ฅผ ์์ฑํ๋๊น ๋๋ฌด ์ ๋ฌ๋ค! ์ฒ์์ผ๋ก ์๋ฒ๋ ํต์ ์ ํ๋ค!! ๋ฐ๊ฐ๋ค ์๋ฒ์ผ! ์๋ฒ์์ ๋ฐ์์จ ๋ฐ์ดํฐ๋ก ๋ ๋๋ ํ๊ตฌ. ์๊ฐ๋ณด๋ค ๋๊ธ ๊ธฐ๋ฅ ๊ตฌํ์ด ์ด๋ ต์ง ์์์ ๊ณํ๋ ์๊ฐ๋ณด๋ค ๋นจ๋ฆฌ ์งํ๋๋ ๋๋์ด๋ค.
- ๐
- ์ค๋๋ ์ฌ์ง์ ๋ก๋ ์ ์ฉ์ผ๋ก ์๊ฐ์ ์ผ๋ค. ์๊ฐํด๋ณด๋ฉด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋์ ๋ถ์ด ๊ณ ์น์๋ ๊ฒ ๋ง๋ ๊ฒ ๊ฐ์๋ฐ ๊ทธ๊ฑธ ๋ด๊ฐ ๋๋ ๋๊ณ ์์์ผ๋ใ ใ ์ด๋ฐ๊ฒ ์ฝ์ง์ด๊ณ ๊ฐ๋ฐ์ด๊ตฌ๋โฆ
- ์ด์ ์ฝ๋ ์น ์๊ฐ์ด 3์ผ ๋ฐ์ ์๋จ์๋ค. TODO ๋ฆฌ์คํธ๋ฅผ ์ซ ์ ์ด๋ดค๋๋ฐ ํ ๊ฒ ๋๋ฌด ๋ง๋คใ ใ ใ ใ
- ๋๊ธ Edit ๊ธฐ๋ฅ ๊ตฌํ
- ๋๊ธ Delete ๊ธฐ๋ฅ ๊ตฌํ
- ๊ฒ์ํ Read ๊ธฐ๋ฅ ๊ตฌํ
- ๐
- ๋๋์ด ๋๋์ด ํ ์์ผ๊น์ง ์ด์ฌํ ๊ณต๋ถ๋ฅผ ํ ๋๋ถ์ Read ๊ธฐ๋ฅ์ ์์ฑํ๋ค! ๋๋์ด!! ๋๋์ด!!! ํฐ ์ฐ์ ํ๋ ๋์ ๋๋์ด๋ผ์ ๋๋ฌด ํ๋ณตํ๋ค. ํด๋ธ ๋๋์ด์ผ~~
- ์ค์ ๋ก ๋ฐ์ดํฐ๊ฐ ์ ๋์ค๋์ง ํ์ธํ๊ณ ์ถ์ด์ ๋ด DB์ ํ๋์ฉ ์ฐ์ด์ ๋ฃ์๋๋ฐ ๋ค๋ค ์์ด์ค์ ๋๋ฌด ํ๋ณตํ๋ค. ๋ ์๊ธฐ๊ณ ์ถ๋ค.
- ๐
- ์ฝ๋๋ฅผ ๊น๋ํ๊ฒ ์ ๊ณ ์ถ์๋๋ฐ ๊ทธ๋ฌ์ง ๋ชปํ๋คโฆ ์ฌ์ง์ด ์ค๋ณต์ด๋ผ๋! ๊ทผ๋ฐ ๊ทธ๊ฒ ํด๊ฒฐ์ด ์๋๋ค๋!! ๋ฏธ์น๊ฒ ๋ค ์ ์๋๋๊ฑฐ์ง? ๊ทผ๋ฐ ์ง๊ธ์ ๊ฑฐ๊ธฐ์ ์๊ฐ์ ์ฐ๊ธฐ๋ณด๋ค๋ ๋ค๋ฅธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋๊ฒ ์ฐ์ ์ด๋๊น ์ผ๋จ์ ๋๋ฌ์ผํ๋๊ฒ.. ์ฝ๊ฐ ์ฐ์ฐํ๋คโฆโฆ. ์ผ์ผ.. ์ ๊ฒฝ์ฐ์ฌโฆ..
- ์์ผ๋ก์ ์๊ฐ์ ์ ๋ฆฌํด ๋ดค์ ๋ ์๊ฐ์ด ์ผ๋ง ๋จ์ง ์์๋ค๋ ๊ฑธ ์์๋ค. ๊ทธ ๋์ ์ข ๋นจ๋ฆฌ ํ ๊ฑธ.. ๋จ์ ์๊ฐ์ ๋ณด๋ ์์ฌ์ด ๋ง์์ด ๋ค๊ธฐ๋ ํ๋ค...
- ์ฌ์ด๋๋ฐ ๋ ๋ ๊ธฐ๋ฅ ๊ตฌํ
2021.05.03
- ๋ถ๋งํฌ, ์ข์์ ๊ธฐ๋ฅ ๊ตฌํ
- ์ด๋ฏธ์ง ์ญ์ ๋ฒ๊ทธ์์
- ๐
- ์ค๋ ํด๋ผ์ด์ธํธ์์ ๋ถ๋งํฌ,์ข์์ ๊ธฐ๋ฅ์ ๊ตฌํํ ์์ ์ด๋ผ ์๋ฒ์ชฝ์์ ๋ฏธ๋ฆฌ ๊ด๋ จ๊ธฐ๋ฅ์ ๊ตฌํํด๋์ผํ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์, ๋ชจ๋ ๊ฑธ ๋ง๋ฌด๋ฆฌํ๊ณ upstream์ push๊น์งํ๊ณ ์ค๋ค. ์๊ธฐ์ ์ ๋๋ด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋๋, ์ต๋ํ ํจ์จ์ ์ธ ๋ฐฉ๋ฒ๋ค์ ์๊ฐํ๊ฒ๋์๊ณ ์ด์ ์ ์ค์๋ฅผ ๋ฐ๋ณตํ๊ธฐ ์ซ์๊ธฐ๋๋ฌธ์ ๋ก์ง๋ ๊ผผ๊ผผ์ด ์ง๋ ค๊ณ ๋ ธ๋ ฅํ๋ค. ์๋ฒ๋ฅผ ํผ์ ๊ณ์ ๋ด๋นํ๋ค๋ณด๋ ํด๋ผ์ด์ธํธ์์ ์ด๋ค ๋ฐ์ดํฐ๊ฐ ํ์ํ ์ง, ์ด๋ป๊ฒ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ผ๋ฉด ์ข์์ง ๊ณ์ ์๊ฐํ๊ฒ ๋์๊ณ ๊ทธ๋ฌํ ์๊ฐ์ ์๋๊ฐ ์ ์ ๋นจ๋ผ์ง๋๊ฒ ์ค์ค๋ก๋ ๋๊ปด์ ธ์ ์กฐ๊ธ์ ๋ฟ๋ฏํ ๋ง์์ด ๋ค์๋ค.
- ๐
- DB์์ ๋ฐ์ดํฐ๋ฅผ ์ถ๋ ฅํ ๋ ์ต๋ํ ์ํ๋ ๋ฐ์ดํฐ์ ๊ฐ๊น๊ฒ ์ถ๋ ฅํ๋ ค๊ณ ๋ ธ๋ ฅํด์ผํ๋ค๋ ๊ฑธ ๋๋ผ๋ ์ค์ด๋ค. ์ผ๋จ ํฐ ๋ฒ์๋ก ์ถ๋ ฅํ๊ณ ๊ฐ๊ณต์ ํ๋ ค๊ณ ํ๋, ์ ์ง๋ณด์๋ ์ด๋ ต๊ณ ์์์น ๋ชปํ ์๋ฌ๊ฐ ๋ฐ์ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ค. ๋ชฝ๊ณ DB๊ฐ ์์ ๋ก์ด ๋งํผ ์ฟผ๋ฆฌํ ๋๋ถํฐ ๊ผผ๊ผผ์ด ํด์ผ๊ฒ ๋ค.
- ๋ฐฐํฌ์ ๊ด๋ จํด์ ์ดํดํ๋๋ฐ ์ด๋ ค์์ด ๋ง๋ค. Route53์ผ๋ก ์ฌ๋ฌ ๋๋ฉ์ธ์ ์ค์ ํ๋๋ฐ S3๋ก ์ง์ ์ฐ๊ฒฐํ๋ ค๊ณ ํ๋๊น ๋ฒํท์ ์ด๋ฆ๊ณผ ๋๋ฉ์ธ์ ์ด๋ฆ์ด ๊ฐ์์ผํ๋ค. ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์๋์ง ์ฐพ์๋ณด๊ณ ์๋๋ฐ, ์๋ฆฌ์ ๋ํ ์ดํด๊ฐ ์ ํ๋์ง ๋ชปํ๋ค๋ณด๋ ์๊ฐ์ด ๊ต์ฅํ ๋ง์ด ๊ฑธ๋ฆฌ๋ ๋๋์ด์๋ค. ๋ฐฐํฌ๋ ์ข๋ ์๊ฐ์ ๋ค์ฌ ๊ณต๋ถํด๋ด์ผ ํ ๊ฒ ๊ฐ๋ค. ใ ใ
- ํ ํฐ ๊ฐฑ์ ๋ฏธ๋ค์จ์ด ์ถ๊ฐ
- isAuth API ์ถ๊ฐ
- ๊ฒ์ํ ์ ๋ฐ์ดํธ ๋ ๋๋ง
- ๊ฒ์ํ ์ญ์ ๊ธฐ๋ฅ ์ถ๊ฐ
- ๊ฒ์ํ ์ ๋ฐ์ดํธ ์์ฒญ๊ธฐ๋ฅ ์ถ๊ฐ
- ๐
- ๋ก๊ทธ์ธ ๋ชจ๋ฌ์ ์๋ฃํ๊ณ ๊ธ ์์ ์ญ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ์ฌ๋ฏธ๊ฐ ๋ค์ ๋ถ์๋ค. ๋ก๊ทธ์ธ/ํ์๊ฐ์ ๊ธฐ๋ฅ์ ์๋ฒ๋ก๋ถํฐ ๋ฐ์์ค๋ ๋ฐ์ดํฐ๊ฐ ๋ง์ง๊ฐ ์์ ๋ฐ๋ฉด ๊ธ ์์ ์ญ์ ๊ธฐ๋ฅ์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ค์ ํ๋ฉด์ ์ง์ ๋์ฐ๋ ๊ฒ์ด๋ผ ๋์ผ๋ก ํ์ธ์ด ๋๋๊น ๋ ์ฌ๋ฐ์๋ ๊ฒ ๊ฐ๋ค. ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ ์ฐ๊ฒฐํด์ ํ์ธ์ ํ๋ ๋ ์ฌ๋ฏธ๊ฐ ๋ถ๋๋ผ. ์ค๋์ ๊ธฐ๋ฅ๊ตฌํ์ ์์ฒญ ๋นจ๋ฆฌ ๋๋๋๋ฐ, ์๊ธฐ๋์ ์น์ ํ API๋๋ถ์ธ ๊ฒ ๊ฐ๋ค.
- ์ด์ ์๋ ๋ฆฌ๋์ค์ ์ ์ฅ๋๋ ์ ์ ์ ๋ณด ๊ด๋ จ ์ํ๊ฐ ํ ํฐ๋ฟ์ด์ฌ์ ํ ํฐ์ผ๋ก ๊ด๋ฆฌํ๋๋ฐ ์์ ๋ถ๋ถ์์ ์ก์ธ์ค ๊ฐ๋ฅ ์ฌ๋ถ๋ฅผ ์ฒดํฌํด์ผํ๊ธฐ ๋๋ฌธ์ ์๋ฒ์์ ์ถ๊ฐ์ ์ธ ์์ ์ด ํ์ํจ์ ๋๊ผ๋ค. ๋ฐฑ์๋ ํ์๋ถ๊ณผ ์๊ธฐํ๋ฉฐ ์ด๋ฐ์ด๋ฐ ๋ถ๋ถ์ด ํ์ํ ๊ฒ ๊ฐ๋ค๋ ์๊ธฐ๋ฅผ ํ๋ค๋ณด๋ ์ด์ ๋ ์ง์ง ํ์ ํ๋ ๋๋์ด ๋๋ค.
- ์ ์ ์ ๋ณด๋ฅผ ์ ์ฅํด๋์ผ ๊ฒ์๊ธ ์์ ๋ง๊ณ ๋ ๋๊ธ ์์ ๊ธฐ๋ฅ ์ ์ ์ ๋ณด ์์ ๊ธฐ๋ฅ์ ํ์ํจ์ ๋๊ผ๋ค. ์ฌ์ด๋๋ฐ ๋ ๋๋ง ์ ์ด๋ฌํ ๊ณผ์ ์ด ์ค๋ณต์ผ๋ก ์์ด์ ํ์๋ถ์ด ์์ ์ค์ด๋ ๋ถ๋ถ์ ๋ก๊ทธ์ธ ๋ถ๋ถ์ผ๋ก ์ฎ๊ธฐ๋ ๊ณผ์ ์ด ํ์ํ๊ณ ์ฑ๊ณต์ ์ผ๋ก ์ ๋๋์ ๊ธฐ์๋ค.
- ๐
- ์ปค์คํ ํ ์ ํด๊ฒฐํ ์ ์๋ ์ค๋ฅ๊ฐ ์๊ฒผ๋ค. ๊ธฐ๋ฅ์ ์ผ๋ก ์ค์ํ ๋ถ๋ถ์ธ๋ฐ ์๋ฌด๋ฆฌ ๊ณ ์ณ๋ ๋๋ฒ๋๋ฌ์ผ ์ ์์๋ํ๋ค.. ํ ์ผ๋ก ๋ฐ์์จ ํจ์๋ฅผ ๋๋ฒ ์คํํ๋ ๊ฒ์ผ๋ก ๊ฐ๋ฐ์ ์งํ ํ ์ ์์์ผ๋, ๊ทผ๋ณธ์ ์ธ ํด๊ฒฐ์ฑ ์ด ๋์ง์๊ณ ๋์ค์ ์ปค์คํ ํ ์ด์๊ฐ ํด๊ฒฐ์ด๋๋ค๋ฉด ์ฝ๋๋ฅผ ๋ค์ ์์ฑํด์ผ ํ๊ธฐ ๋๋ฌธ์ ๊ต์ฅํ ์ฐ์ฐํ๋ค. ๊ธฐ๋ฅ ๊ตฌํ๋ ์งํํด์ผ๋๊ธฐ ๋๋ฌธ์ ํํ์ด ๋ฌธ์ ํด๊ฒฐ์ ์๋ํด๋ด์ผ๊ฒ ๋ค.
- ์ปค์คํ ํ ์ค๋ฅ ํด๊ฒฐ
- ๋ถ๋งํฌ ํ์ด์ง ๋ ๋๋ง
- AuthCheck ๊ธฐ๋ฅ ์ถ๊ฐ
- ๋ก๊ทธ์์ ๊ธฐ๋ฅ ์ถ๊ฐ
- ๋๋ฉํ์ด์ง ๋์์ธ
- ๊ธ์ฌ๋ ๊ณ์ฐ๊ธฐ ๋์์ธ
- ํฌํ ํ์ด์ง ๋์์ธ
- ๋ก๊ทธ์ธ/ํ์๊ฐ์ ๋ชจ๋ฌ ๋์์ธ
- ๐
-
์ค๋์ CSS ๊ธฐ๊ณ๊ฐ ๋์๋ค. ์ฐ๋ฆฌ ๋์ผ์น์ ๋๋ฌธ์ธ ๋๋ฉํ์ด์ง๋ถํฐ ์์ ์ ํ๋๋ฐ ๊ธ์ ์ค๋ฅธ์ชฝ ์ ๋ ฌํ ๋ ์ ์๋์ด์ ์ ๋จน์๋ค. ๊ฒฐ๊ตญ ํด๊ฒฐ์ ํ์ง๋ง ใ ใ ๊ธ์ฌ๋ ๊ณ์ฐ๊ธฐ๋ ์์ด์ดํ๋ ์์ด๋ ๋น์ทํ๊ฒ ๊ตฌํ์ ํด๋๋ค!
-
๋ ํ๋์ ๊ฐํ์ธ ๋ก๊ทธ์ธ ๋ชจ๋ฌ๋ ๋์์ธ์ด ํญ์ ์ ๊ฒฝ ์ฐ์๋๋ฐ, ๊ฒฐ๊ณผ๋ฌผ์ด ์์ฃผ ๋ง์กฑ์ค๋ฝ๊ฒ ๋์๋ค!!!
-
์ฝ๋ ํ ์ค ํ ์ค๋ง๋ค ์์ ๋ฐ๋๋ CSS๋ฅผ ํ๋๊น ์ ๋ง ์ฌ๋ฐ์๋ค ใ ใ ใ
-
- ๐
- ๊ธฐ๋ฅ ๊ตฌํ์ ํ๋ ค๋ฉด ๋ก๊ทธ์ธ ๊ถํ์ด ์์ด์ผํ๊ฑฐ๋ ์๋ฒ๊ฐ ๊ตฌํ๋์ด ์์ด์ผ ํด์ ์ผ๋จ ๊ธฐ๋ฅ์ ์ ์ณ๋๊ณ ์ค๋์ ๋์์ธ์ ํ๋ค. ๊ธฐ๋ฅ ๊ตฌํ์ ๊ฑฐ์ ๋ชปํ ์ ์ด ์ข ์์ฝ๋ค.
- ํฌํ ํ์ด์ง Create ์์ฑ
- ํฌํ ํ์ด์ง Read ์์ฑ
- ํฌํ ํ์ด์ง Delete ๊ธฐ๋ฅ
- ์ฌ์ด๋๋ฐ ๋๋๋ง ๊ธฐ๋ฅ ๊ตฌํ
- ๐
- ์ค๋์ ํ๋ก์ ํธ๋ฅผ ํ๋ค๊ฐ ์ค๊ฐ์ ์นดํ๋ฅผ ๊ฐ์ ์น๊ตฌ๋ ์ฝ๋์์ ์ ํ๋ค. ๋ฐ์ ๋๊ฐ๋ค ์์ ๊ธฐ๋ถ์ด๊ฐ ๋งค์ฐ๋งค์ฐ ์ข์๋ค. ์ด๋ฐ ๋ ๋ ์์ด์ผ์ง~!!
- ๐
- ์ ๋๋ง ์ํธ๋์ด ๋ง๋ค์ด์ค ์ปดํฌ๋ํธ๋ฅผ ์ ๋๋ก ํ์ฉํ์ง ๋ชปํ๋ ๋๋์ด ๋๋๊ฑฐ์ง? ๋ด๊ฐ ์ด๋์๋ถ๋ถ์ ์ดํดํ์ง ๋ชปํ๊ณ ์๋๊ฑด์ง ์์ง ๊ฐ์ด ์ ์กํ๋ค. ์๊ฐ์ด ๋ฆ์์ง๋ง ์ํธ๋ ๋ฐ๋ ค๊ฐ์ ๋ค์ ๋ฌผ์ด๋ด์ผ๊ฒ ๋ค.ย
- ๋ก๊ทธ์ธ ์ ์ง๋ง ๋๋ฉด ๊ฑฐ์ ๋ชจ๋ ๊ธฐ๋ฅ์ด ๊ธ๋ฐฉ ์ฒ๋ฆฌํ ์ ์์ ๊ฑฐ๋ผ๋ ์๊ฐ์ด ๋ค์ด์ ๋ง์์ด ๊ธํด์ง๋ค. 2์ฃผ ์ง๋ฆฌ ํ๋ก์ ํธ์์ ์์ง๋ง๊ณ ์ฒ์ฒํ ์๊ฐํด์ผํ๋๋ฐ ํ๋ค๊ฐ ๋ณด๋ฉด ๋ง์์ด ์กฐ๊ธํด์ง๋ค.
- ๋ก๊ทธ์ธ ์ด์ ๋ค์ ํ์ธํ๊ณ ์ ๋ฆฌ
- ์ฌ์ด๋๋ฐ ๋ฆฌํฉํ ๋ง
- ๋ก๊ทธ์์ ๊ธฐ๋ฅ ๊ตฌํ
2021.05.04
- HTTPS ๋ฐฐํฌํ ์คํธ ์๋ฃ
- ๐
-
https๋ก ์๋ฒ์ ํด๋ผ์ด์ธํธ๋ฅผ ๋ฐฐํฌํ๊ณ ์ฐ๊ฒฐ๊น์ง ํ ์คํธํ๋๋ฐ ์ฑ๊ณตํ๋ค. ์ฒ์์๋ http๋ก๋ง ๋ฐฐํฌ๋ฅผ ํ๋ ค๊ณ ํ์๋๋ฐ, ํ๋ค๋ณด๋ ๋งํ๋ ๊ฒ๋ ๋ง์์, โ์ด๋ ๊ฒ ๋งํ๋ฐ์ ๋๊ฐ์ด ๋งํ๋ https๋ก ๋ฐฐํฌํ์โ๋ผ๋ ์๊ฐ์ด ๋ค์ด์ https๋ก ๋ฐฐํฌ๋ฅผ ํ๊ธฐ ์์ํ๋ค. ํ๋ฉด์ ๋๋๊ฑด ๋ด๊ฐ ์ง๋ ๊ฒ๋จน์๋ค๋ ์ ์ด๋ค. http๋ https๋ ๋ฐฐํฌ๋ฅผ ์ฒ์ํ๋ฉด ์ด๋ ค์ด๊ฑด ๋งคํ๊ฐ์ง์ธ ๊ฒ ๊ฐ๊ณ , ๋ง์ ํ๋ํ๋ ํด๊ฒฐํ๋ค๋ณด๋ ์๊ฐ๋ณด๋ค ๋ง์ ๊ฒ์ ๋ฐฐ์ธ ์ ์์๋ค. ์ฒ์ ๋ฐฐํฌ๋ฅผ ์ ํ์ ๋ EC2๋, S3๋ฒํท์ด๋, Route53, CloudFront,๋ก๋๋ฐธ๋ฐ์โฆ ๋ฌด์จ ์ฒ์๋ฃ๋ ๋ง๋ค๋ง ๋์์ @_@๊ฐ ๋๋๋ฐ ์ง๊ธ์ ํ๋ฃจ์ดํ ๋ถ์ก์ผ๋ฉด์ ํ๋ค๊ณ ๊ฝค ์น์ํ ๋๋์ด ๋ ๋ค.
-
๋ํ ๊ฐ๋ฐ๊ณต๋ถ๋ ์ฒ์๋ถํฐ ์ดํดํ๋๊ฒ ์๋๋ผ ํ๋ค๋ณด๋ฉด ์ดํด๊ฐ ๋๋ค๋ ๋ง์ ๋ฐฐํฌ๋ฅผํ๋ฉด์ ์ง์ง ๋ง์ด ๋๋ ๊ฒ ๊ฐ๋ค. ์ฒ์์ ๋ค๋ฅธ์ฌ๋์ด ํฌํ๋ฐ์คํฌ์ ์ฌ๋ฆฐ ์ง๋ฌธ๊ณผ ๋ต๋ณ๋ค์ ์ฝ์์ ๋๋, ๋๋์ฒด ๋ฌด์จ ๋ง๋ค์ ํ๋ ๊ฑด์ง ์ ์๊ฐ ์์ด์ ๋ง์ด ๋ต๋ตํ๋๋ฐ ์ค๋ ์ฝ์ด๋ณด๋ ๊ณ ๊ฐ๊ฐ ์ ๋ก ๋๋์ฌ์ก๋ค. ๋ง์ ๊ฒ์ ๋๋ ํ๋ฃจ์๋ค.
-
- ๐
-
์ด๋ฒ ํ๋ก์ ํธ์์ ์๋ฒ๋ฅผ ๋ด๋นํ๋ฉด์ ํํ๋๋ ์ ์ค ํ๋๋ API๋ฌธ์๋ฅผ ๋ฏธ๋ฆฌ ๊ผผ๊ผผ์ด ์์ฑํ์ง ์์๋ค๋ ์ ์ด๋ค. ์๋ฒฝํ์ง ์๋๋ผ๋ ๋ฐ์ดํฐ์ ํ๋ฆ์ด๋ ํํ๋ค์ ์๊ฐํ๋ฉด์ ๊ฐ๊ด์ ์ผ๋ก ํ์ ์ก์๋๊ณ , ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ์ถ๊ฐ,์์ ํ๋ ๋ฐฉํฅ์ผ๋ก ์งํํ์ด์ผ ํ๋ค. ์ง๊ธ์๊ฐํด๋ณด๋ฉด ์ฒ์์ ์์ฑํ API๋ฌธ์์ ์์ฑ๋๋ ๋๋ต 10%?20%๋ ์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ๊ธฐ๋ฅ๊ตฌํ๊ณผ ํจ๊ป API๋ฌธ์๋ฅผ ์์ฑํด์ผํ๊ณ , ๊ต์ฅํ ๋ง์ ์๊ฐ์ ๋บ๊ฒผ๋ค. ๋ํ ์์ฑํด์ผ๋๋ API์ ๋ด์ฉ์ด ๋ง๋ค๋ณด๋ ์์ฑ๊ณผ์ ์์ ์ค์๋ค์ด ์ข ์ข ์๊ฒผ๊ณ , ์ด๋ API๋ฌธ์๋ฅผ ๋ณด๊ณ ๊ธฐ๋ฅ์ ๊ตฌํํด์ผํ๋ ํด๋ผ์ด์ธํธ ํ์๋ค์๊ฒ ํผํด๋ฅผ ์ฃผ๊ฒ ๋์๋ค.
-
๋๋ 4์ฃผ์ฐจํ๋ก์ ํธ๋ ํ๋ก ํธ์๋๋ฅผ ๋ด๋นํ๊ฒ ๋ ํ ๋ฐ, ํด๋ผ์ด์ธํธ ์ ์ฅ์์ ์๋ฒ์์ ๋ฐ์ดํฐ๊ฐ ์ ์๋ฐ์์ง๋ค๊ณ ์๋ฒ์ฝ๋๊น์ง ์ดํ ์ฌ์ ๋ ์์ ๊ฒ์ด๋ค. ๊ฒฐ๊ตญ API๋ฌธ์์ ๋ง์ด ์์กดํ๊ฒ ๋๋ค๋ ์ ์์, ์๊ฐํ ์๋ก API๋ฌธ์๋ฅผ ๊ผผ๊ผผ์ด ์์ฑํ๋๊ฒ ์ค์ํ๋ค๋ ์๊ฐ์ ํ๊ณ ๋ฐ์ฑ๋ ๋ง์ดํ๊ฒ๋์๋ค.
-
- ์ค์ ๋ฐฐํฌ ์ ์ค๋น์์
- ์๋ฒ ๋ฒ๊ทธํฝ์ค
- ํด๋ผ์ด์ธํธ ๊ธฐ๋ฅ๊ตฌํ ์ํฌํธ
- ๋ถ๋งํฌ ํ์ด์ง ๋ ๋๋ง
- ํ AuthCheck ๊ธฐ๋ฅ ์ถ๊ฐ
- ์ปค์คํ ํ ์ค๋ฅ ํด๊ฒฐ
- ๋ก๊ทธ์์ ๊ธฐ๋ฅ ํ์ธ
- ๐
- ๋๋์ด ์ดํ๋์ ๋๋ฅผ ๊ดด๋กญํ๋ ํ ์ค๋ฅ๋ฅผ ํด๊ฒฐํ๋ค. ๋ฌธ์ ๋ ๋ฆฌ๋์ค ์คํ ์ด์ ๊ฐ์ ๊ณณ์ ์ฌ๋ฌ๋ฒ ๋ฐ์ดํฐ๋ฅผ ์ฌํ ๋นํ๋๊ฒ ๋ฌธ์ ์๋ค. ์ํ๋๊ฑด ๋๋ฒ์งธ ์ก์ ์ payload์ธ๋ฐ ์ฒซ ๋ฒ์งธ ์ก์ ์์ ๋ฏธ๋ฆฌ ์ ์ธํ๋ ํ ์ด ์คํ๋ผ ์ถ๋ ฅ๊ฐ์ ํ์ ์๋ ๋ฐ์ดํฐ๊ฐ ๋ค์ด๊ฐ๋ ๊ฒ์ด๋ค.. ์ค๋ฅ๋ฅผ ํด๊ฒฐํด์ ๋๋ฌด ๋คํ์ด๋ค ๋ง์ด ๋ฆ์์ง๋ง..
- ๋ง๊ฐ๊ธฐํ์ ๋ง์ถ๋ ค๊ณ ์ค์ผ์ฅด์ ์ด๋ฐํ๊ฒ ์ง๋จ์๋๋ฐ, ์ผ์ฐ ๋๋ด๊ณ ํ์๋ค์ ๋์ธ ์ ์๊ฒ ๋์๋ค. ์ด๋ป๊ฒ๋ ๊ตฌ์ํ ๋ถ๋ถ๊น์ง ๋๋ด๋๋ก ๋ ธ๋ ฅํ ๊ฒ์ด๋ค. ๋ค๋ค ํ์ดํ
- ๐
- ๋์์ธ ํจํด์ ๋ํ ์ดํด๊ฐ ๋ถ์กฑํ ๊ฒ ๊ฐ๋ค. ์๊ณ ๋ฆฌ์ฆ ํ๋๋ถํฐ ๋ด ๊ณ ์ง์ ์ธ ๋ฌธ์ ๋ ๋๋ฌด ๋ฐํ ์ ๋ฐฉ์์ ์น์ฐ์ณ์๋ค๋ ๊ฒ์ด๋ค. ์ปดํฌ๋ํธ์ ๊ธฐ๋ฅ๋ค์ ํ๋ํ๋ ์ถ๊ฐํ๋ค ๋ณด๋ฉด ์ด๋์ ๋๊บผ์์ง ์ฝ๋๊ฐ ๋์์ ์๊ณ , ์ด๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ๋ ๊ณ ๋ฏผํ๋ ๋ฑ ์๊ฐ์ ์ค๋ณต์ผ๋ก ์ฌ์ฉํ๋ ๋๋์ด๋ค. ์งง์ ๊ธฐ๊ฐ์ด๋ผ ๊ณต๋ถ๊ฐ ๋ง์ด ๋ถ์กฑํ๋ค๊ณ ์๊ฐ๋๊ณ ์์ผ๋ก ๋์์ธ ํจํด์ ๊ณต๋ถํด์ ๋ฆฌํฉํ ๋ง์ ์งํํด๋ณผ ํ์๊ฐ ์๊ฒ ๋ค.
- ๋ก๊ทธ์์ ๋ฒํผ ์ฌ์ด๋๋ฐ์ ์ ์ฉ
- ๋จ์ ๊ธฐ๋ฅ๊ตฌํ or CSS
- ์ ์์๊ธฐ..
- ๋ชจ๋ฌ ๋ฐ๊นฅ ์์ญ ํด๋ฆญ ์ ๋ซ๊ธฐ ๊ตฌํ
- ํฌํ ํ์ด์ง Create, Read ์์ฑ!
- ๋๊ธ Create, Update
- ๐
-
๋ชจ๋ฌ ์ฐฝ์ ๋ฐ๊นฅ์ ๋๋ฅด๋ฉด ๋ซ์์ง๋๋ก ๊ตฌํํ๊ณ ์ถ์๋๋ฐ ๋๋๋๊ณ ๋์ ๊ฒฐ๊ตญ ์ฑ๊ณตํ๋ค!! UX๋ฅผ ์ข๊ฒ ํ๊ธฐ ์ํด์ ๊ฐ๋ฐ์๊ฐ ๋๋ํด์ผ ํ๋ ๊ฑธ ๋๊ผ๋ค..
-
์ง๊ธ์ง๊ธํด์ง ํฌํ ํ์ด์ง๊ฐ ๋๋์ด ๋์ํ๋ค!!! ์๋ฒ๋ก ์ ์ก๋ ๋๊ณ ์๋ฒ์์ ๋ฐ์์์ ๋ ๋๋ ๋๋ค!! ์ฐ์ ์ ๋๋ค!!
-
๋๊ธ ๊ธฐ๋ฅ๋ ์ด๋์ ๋ ๊ตฌํํ๋ค ์ค์
-
- ๐
-
๋ง๊ฐ์ผ์ด ๋ค๊ฐ์ค๊ณ ํ์๋คํํ ๋๋ฌด ์ง๋ฌธ์ ์์ฃผ ํ๋ ๊ฒ ๊ฐ์์ ์ง๋ฌธ์ ์๊ผ๋๋ ๋ด ๋ฌธ์ ๊ฐ ์๋ ๊ฒ์ ๋ด ๋ฌธ์ ๋ก ๊ณ ๋ฏผํ๊ณ ์์๋คใ ใ ์ง๋ฌธ์ ๋ฐ๋ก ๋ฐ๋ก ํ์ใ
-
์ผ์ ๋๋ง ์์ง๋ ํ ์ผ์ด ์๋ฉ ๋จ์๋ค.. ์ธ์ ๋คํ์ง..? ๋ง๊ฐ์ด ๋ค๊ฐ์ค๋๊น ๋ ์กฐ๊ธํด์ ธ์ ์ฝ๋๊ฐ ์ ์์ณ์ง๋คใ ใ
-
- ๋๊ธ Delete
- ๋ถ๋งํฌ ๊ธฐ๋ฅ
- ์ฌ์ด๋๋ฐ 1์ฐจ ๊ธฐ๋ฅ ๊ตฌํ
- ๋ง์ดํ์ด์ง ๋ ๋๊ธฐ๋ฅ
- ๐
- ์๊ฐ๋ณด๋ค ์์ ์ด ๋นจ๋ฆฌ ๋๋ ๊ฒ ๊ฐ์ ๊ทผ๊ฑฐ ์๋ ์์ ๊ฐ์ด ์๊ธฐ๋ ๋ ์ด์๋ค. ์์ง? ๋ญ๊ฐ ์ค๋๋ฐ๋ผ ๊ทธ๋์ ๊ทธ๋ฐ์ง ์ด๊ฒ์ ๊ฒ ์์ ๋ง์ด ๋ ๊ฒ ๊ฐ๋ค. ์๋ก์ด ๊ธฐ๋ฅ์ ๊ตฌํํ๋๊ฒ๋ ์ค์ํ์ง๋ง ๋ด๊ฐ ํ๋ ๊ธฐ๋ฅ์ ์์ ํ๋ฉด์ ์ ์ฒด์ ์ผ๋ก ๋ดค๋ ๋ ์ด๋ผ์ ๊ทธ๋ฐ ๊ฒ ๊ฐ๋ค. ์๋ฒฝํ ๊ธฐ๋ฅ์ ์์ง๋ง! ๊ทธ๋๋ ๋น๋ถ๊ฐ์ ์ ์๋ํ๋ ๋ด ๊ธฐ๋ฅ๋ค์ ๋ณด๋ฉด์ ๋ฟ๋ฏํจ์ ๊ฐ์ ธ์ ์์ ๊ฐ์ด ์๊ธด ๊ฒ ๊ฐ๋ค.
- ๐
- ๋ญ๊ฐ ๋ฏฟ๊ธฐ์ง๊ฐ ์๋๋ค ํ๋ก์ ํธ๊ฐ ๋๋๊ฐ๋ค๋.. ๋๋ ์์ง ํ์ฐธ ๋จ์ ๋๋์ธ๋ฐ ๋ง๊ฐ์ผ์ ๋ค๊ฐ์จ ๋๋? 2์ฃผ๊ฐ 2์ฃผ๊ฐ ์๋ ๋๋์ด๋ผ์ ๊ทธ๋ฐ๊ฐ? ์กฐ๊ธ ๋ ํ๋ฆ์ ๋นจ๋ฆฌ ํ์ ํ๋๋ผ๋ฉด ์๋๊ฐ ๋นจ๋์ ๊ฒ ๊ฐ์๋ฐ ๋ผ๋ ์์ฌ์์ด ๋ ๋ค. ๊ทธ๋ ์ง๋ง ์ด๋์ ํ์ด๋ฅผ ํ๋ ๋ถ๋ค ์ค์ ์ผ๋จ ๋ญ๋ผ๋ ๋ง๋ค์ด ๋ณด๋ผ๊ณ ์ถ์ฒํด์ฃผ์ จ๋ ์ด์ ๋ฅผ ์๊ฒ๋ ๊ฐ์๋ค. ์ด๋ฒ์ ๋ง๋ค๊ฒ ๋๋ฉด์ ๋ ๋ง์ด ๋ฐฐ์ด๋๋? ๊ทธ๋์ ์ง์ง ๊ทธ ์ถ์ฒ์ ๋ฐ๊ณ ์๊ฐ์ ๋ด์๋ผ๋ ๋ญ๋ผ๋ ์์ฑ์ ํ๋ฒ ํด๋ดค์ ๊ฑธ ๊ทธ๋ฌ๋.. ๋ผ๋ ์์ฌ์์ด ๋๋ ๋ ์ด์๋ค.
- ๊ทธ๋๋! ์์ง! ํด์ผํ๋ ๊ธฐ๋ฅ๋ค์ด ๋ง์ด ๋จ์๋ค!!!!! ๋นจ๋ฆฌ ํด์ผํ๋ค!!!! ๋๋ฌด ํ๋ก์ ํธ ๊ท๋ชจ๊ฐ ์ปค์ ๊ทธ๋ฐ์ง ๋ชฐ๋ผ๋ ์ด์ 2์ฃผ ํ์ ์ด ๋๋๊ฐ๋๋ฐ 4์ฃผ ๊ฑฑ์ ์ด ๋ฒ์จ ๋๋ค. ๋ด๊ฐ ์ง์น์ง ์๊ณ ๊ณ์ ์ ๋ฌ๋ ธ์ผ๋ฉด ์ข๊ฒ ๋ค.
- ๋ง์ดํ์ด์ง ์์ ๊ธฐ๋ฅ
- ์ฌ์ด๋๋ฐ ๊ธฐ๋ฅ ๊ตฌํ ์๋ฃ
2021.05.05
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !
- ๋๊ธ Delete
- ํฌํ Delete
- ๋ถ๋งํฌ ๊ธฐ๋ฅ
- ๐
-
๋ถ๋งํฌ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ค! ์ฐ๋ฆฌ ์น์ฌ์ดํธ ํต์ฌ ๊ธฐ๋ฅ์ธ๋ฐ ์๊ฐ์ด ์์ด์ ๋ชปํ๋ฉด ์ด์ฉ๋ ํ๋๋ฐ ํ ์ ์์ด์ ๋คํ์ด๋ค.
-
ํฌํ ํ์ด์ง ์ญ์ ๊ธฐ๋ฅ๋ ๋๊ธ ์ญ์ ๊ธฐ๋ฅ๋ ๊ตฌํํ๋ค.
-
์๊ฐ์ด ์ด๋ฐํ๋ค ๋ณด๋, ๋งํ๋ ๋ถ๋ถ์ด ์์ผ๋ฉด ๊ณ ๋ฏผ ์๊ฐ์ ์ค์ด๊ณ ํ์๋ค์๊ฒ ๋ฌผ์ด๋ดค๋๋ฐ, ํ์ด ํ๋ก๊ทธ๋๋ฐ ๋๋์ผ๋ก ์์ ์งํ๋์ด ๊ธฐ๋ถ์ด ์ข์๋ค.
-
- ๐
- ๋ถ๋งํฌ ๊ธฐ๋ฅ์ด ํต์ฌ ๊ธฐ๋ฅ์ธ๋ฐ ์ผ์ ์์์์ ์ข ์์ผ๋ก ๊ฐ์ด์ผ ํ์ ๊ฒ ๊ฐ๋ค. ๋ง๋ฐ์ง์ ์์ ํ๋ค ๋ณด๋ ์ถฉ๋ถํ ๊ณ ๋ฏผํด ๋ณผ ์๊ฐ ์์ด ํ๋ค๋ฅ ์ฝ๋ ์น๊ธฐ์ ๋ฐ๋นด๋ ๊ฒ ๊ฐ๋ค.
- ์ ์ฒด CSS
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !
2021.05.06
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !
- ์ ์ฒด CSS
- ๐
-
๊ธฐ๋ฅ์ ๋๋ถ๋ถ ์์ฑ๋์ด์ ๋์์ธ์ ๋ชจ๋ ๋ด๋นํ๊ธฐ๋ก ํ ๋ด๊ฐ CSS๋ฅผ ํ๋ํ๋ ๋ค ํ๋ค.
-
๋ ์์ด ๋ํ๋๋ ์๋ฌ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ํ์๋ถ๋ค์ด ๊ณ ์์ ๋ง์ด ํ์ จ๋คใ ใ ์ ๋ง ๋ฉ์ง๋ค
-
- ๐
- ๊ฐ๋ ๋ํ๋๋ ์๋ฒฝ์ฃผ์ ๊ธฐ์ง์ด CSS๋ฅผ ํ ๋ ๋ํ๋์ ์ค์ค๋ก ํ๋ค์๋ค. ๋ฒํผ ๋ชจ์ ์๊น์ด ์กฐ๊ธ ๋น์ทํ๋ฉด ์ด๋์! ์ด๋ค ์๊น์ด ์ ์ผ ๋์๊ฐ ์๋ฆฌ์กฐ๋ฆฌ ๋ฐ๊ฟ๋ณด๊ณ ..
- ํ๋ก์ ํธ ๋ฐํ ์ค๋น
- ๐
- ์ฌ๊ธฐ์ ์ข์๋ ์ !
- ๐
- ์ฌ๊ธฐ์ ์์ํ๋ ์ !