๋จ์ํ ์ ํ๋ฆฌ์ผ์ด์ ํ๋๋ฅผ ๋ง๋๋๋ฐ ๋๋์ง ์์ต๋๋ค. Spring Boot๋ฅผ ํ์ฉํ ๋ฐฑ์๋๋ถํฐ Vue.js ๋ชจ๋ ํ๋ก ํธ์๋ ์คํ์ ์ฐ๋ํ ์๋น์ค ์์ฑ A-Z๋ฅผ ๋ณด์ฌ๋๋ฆฝ๋๋ค.
์คํ๋ง๋ถํธ + JPA๋ก ๋๋ง์ ์๋น์ค ๋ง๋ค๊ธฐ
AWS๋ฅผ ์ด์ฉํ ์ ํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌ๋ฐฉ๋ฒ
Vue.js๋ก ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ
์ค๋ฌด์ค์ฌ์ ๊ฐ๋ฐ ํ ํฌ๋
๋ฐฑ์๋ ์๋ฒ๊ฐ๋ฐ์๊ฐ ์์์ผ ํ๋ ๋ชจ๋ ๊ฒ
๐ฏ์ด์ ๋ ์ค์ ์ด๋ค!๐ฏ
์ด ๊ฐ์๋ฅผ ๋ณด๋ ์๊ฐ ์ผ์์ ๋์ ธ์ง๋ ๋น์ ,
์ค๋ฌด ์ค์ฌ ์ ํ๋ฆฌ์ผ์ด์
๊ฐ๋ฐ์ ๋ํด ์๊ฒ ๋ฉ๋๋ค.
์ฌ๋ฌ๋ถ๋ค์ ๊ธฐ์ ์ ํ์ฉํด ๊ณ ๊ฐ์๊ฒ ๊ฐ์น๋ฅผ ์ ๋ฌํ๋ ์ํํธ์จ์ด ๊ฐ๋ฐ์์
๋๋ค.
๊ธฐ์ ๋ง ์ตํ๊ณ ํ์ฉํ์ง ๋ชปํ๋ฉด ์๋ฌด๋ฆฌ ์ข์ ๊ธฐ์ ๋ ์์ฉ์ด ์์ต๋๋ค.
๋์ฑ ์ฑ์ฅํ๊ธฐ ์ํด์ ์ฐ๋ฆฌ๋ ์ผ์์ ๊ฐ๋ฐ์๊ฐ ๋์ด์ผ ํฉ๋๋ค.
ํผ์์ ํ์ตํ๊ณ ๋๋ด๋ ๊ฐ๋ฐ์ vs ์ง์ ๋๋ง์ ์๋น์ค๋ฅผ ๊ฐ๋ฐํด ๋ณธ ๊ฐ๋ฐ์
๊ณผ์ฐ ๋๊ฐ ๋ ๋์ ์ ์ธ ๋ฌธ์ ๋ฅผ ๋ง์ฃผํ๊ณ ํด๊ฒฐํ์๊น์?
"์ด๋ก ํ ๋ฐํด ๋๋ ธ์ผ๋ฉด, ์ด์ ์ค์ ํ๋ก์ ํธ๋ ํด๋ด์ผ์ฃ ?"
์ด์ ๋ ์ฉ๊ธฐ๋ฅผ ๋ด์ ์ผ์์ผ๋ก ๊ฐ์๋ค.
์ด ์ฝํ
์ธ ๋ฅผ ๋ฐํ์ผ๋ก ์ฌ๋ฌ๋ถ๋ ์ฉ๊ธฐ๋ฅผ ์ป๊ณ ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ณด์ธ์!
ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ณ ์ถ์ ์ทจ์ค์
๋ฐฐ์ด ๋ด์ฉ์ ์ค๋ฌด์ ๋ง๊ฒ ์ฐ๊ณ ํ ๋ํ์
์ค๋ฌด ์ง์์ด ๋ถ์กฑํ ์ฃผ๋์ด ๊ฐ๋ฐ์
์์ง ์ด๋ ค์ด ๋ถ๋ถ์ด ๋ง์ ์ ์ ๊ฐ๋ฐ์
์คํ๋ง ๋ถํธ, JPA, ํ๋ก ํธ์๋ ๊ธฐ์ ์ ์ด์ฉํด ์ฝ๋ฉ์ ํ๊ณ ์ค์ ์๋น์ค๋ฅผ ๋ง๋ค์ด๊ฐ๊ธฐ๊น์ง ์ด๋ค ์ผ์ด ์ผ์ด๋๋์ง ๊ถ๊ธํ์ง ์๋์? ๋ธ๋ก๊ทธ ์๋น์ค๋ฅผ ๊ฐ๋ฐํ๋ฉฐ ์ฒ์๋ถํฐ ๋๊น์ง ์ด๋ค ๋๊ด์ด ํผ์ณ์ง๋์ง ํ์ธํ ์ ์์ต๋๋ค.
์ด ๊ฐ์๋ฅผ ํตํด ๊ถ๊ธํ ์ ๋ ํด๊ฒฐํ๊ณ , ๋๋ง์ ํฌํธํด๋ฆฌ์ค๋ ๋ง๋ค์ด ๋ณด์ธ์!
1. ๋ธ๋ก๊ทธ CRUD ๋ง๋ค๊ธฐ
์คํ๋ง๋ถํธ์ JPA๋ฅผ ์ด์ฉํด CRUD ๋ธ๋ก๊ทธ API๋ฅผ ๋ง๋ญ๋๋ค. ํ ์คํธ์ผ์ด์ค๋ฅผ ํตํด ๋ฐ์ดํฐ ๊ฒ์ฆ, ์์ธ์ฒ๋ฆฌ์ ๋ํ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
2. API ๋ฌธ์ ๋ง๋ค๊ธฐ
Spring REST Docs๋ฅผ ์ด์ฉํด API ๋ฌธ์๋ฅผ ๋ง๋ญ๋๋ค.
3. Github์ ํ๋ก์ ํธ ๋ฑ๋กํ๊ธฐ
๋ธ๋ก๊ทธ ์ฝ๋๋ฅผ Github์ ๋ฑ๋กํฉ๋๋ค. Git๋ช ๋ น์ด์ ๋ํ์ฌ ๊ฐ๋จํ ์์๋ด ๋๋ค.
4. ํ๋ก ํธ์๋ (Vue.js)
Vue.js๋ฅผ ์ด์ฉํ์ฌ ๋ธ๋ก๊ทธ ํ๋ฉด์ ์ค๊ณํ๊ณ ์ฐ๋ฆฌ๊ฐ ๋ง๋ API์ ์ฐ๋ํฉ๋๋ค.
๐ ์ ํ๋ธ ๊ตฌ๋ ์๊ฐ ์ฆ๋ช ํ๋ ํธ๋๋งจ์ ์ฝํ ์ธ ! ๐
Q. ๋ค๋ฅธ ๊ฐ์์ ์ฐจ์ด์ ์ด ๋ญ์ฃ ?
ํธ๋๋งจ์ ์์ ๋ณตํต ๊ฐ๋ฐ ์ผ๋ ๋จ์ํ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ๋ง ๋ณด์ฌ๋๋ฆฌ์ง ์์ต๋๋ค. ์๋น์ค ํ๋๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๊ฐ๋ฐ์๋ก์ ์ด๋ค ๋ถ๋ถ์ ์์์ผ ํ๊ณ ๊ณ ๋ คํด์ผ ํ๋์ง ์๋ ค๋๋ฆฝ๋๋ค. ๋ํ ํ๋ก ํธ์๋ ๊ธฐ์ ์ ์ ๋ชฉํ์ฌ AWS์ ์๋น์ค๋ฅผ ๋ฐฐํฌํ๊ณ ์์ฑ๋๊ธฐ๊น์ง ์ด๋ค ์ผ์ด ์ผ์ด๋๋์ง ๋ณด์ฌ๋๋ฆฝ๋๋ค.
Q. ์ด๋์ ๋ ๋ ๋ฒจ์ด ๋์ด์ผ ๋ณผ ์ ์๋์?
A. ์คํ๋ง์ ๊ธฐ์ด๊ฐ ์์ผ์ ๋ถ, [ํ ๋น์ ์คํ๋ง๋ถํธ - ์ดํด์ ์๋ฆฌ]๋ฅผ ์๊ฐํ์ ๋ถ ์ธํ๋ฐ์ [๊น์ํ ๋์ ์คํ๋ง, JPA ์๋ฆฌ์ฆ ํ ๋ฐํด ๋๋ฆฌ์ ๋ถ]์๊ฒ ์ถ์ฒ๋๋ฆฝ๋๋ค. ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ๊ธฐ๋ณธ ๊ฐ์๋ฅผ ์๊ฐํ์ ์ผ ํ๋ฉด ์ ์ ์ ์์ํ๊ฒ ์งํํ ์ ์์ต๋๋ค.
Q. ์ด๋๊น์ง ๋ค๋ฃจ๋์?
A. ํ๋ก์ ํธ ์ธํ , ๋ฐฑ์๋ API ๊ฐ๋ฐ, ๋ฌธ์ํ, Git, ํ๋ฉด(Vue.js) ์ ์๊น์ง ์งํํฉ๋๋ค. ์ถ๊ฐ๋ก ์ ๋ก๋ ๋๋ ๋ณด๋์ค ์์๋ ๊ธฐ๋ํด์ฃผ์ธ์.
Q. ์์์ ๋ณด๋ค๊ฐ ๋ชจ๋ฅด๋ ๋ถ๋ถ์ ์ด๋ป๊ฒ ํ์ง์?
A. ์ถํ๋๋ฆฝ๋๋ค. ๋ฌด์์ ๋ชจ๋ฅด๋์ง ์๊ฒ ๋์ จ๊ตฐ์? ์ด์ ์ธํ๋ฐ, ๊ตฌ๊ธ๋ง์ ํตํด ์ฐพ์๋ณด์๋ฉด ๋ฉ๋๋ค.
Q. ํธ๋๋งจ์ ์์ ๋ณตํต ๊ฐ๋ฐ์ผ, ์ ์ฒด๊ฐ ๋ญ์ฃ ?
A. ํธ๋๋งจ ๊ฐ์ธ ์ ํ๋ธ ์ฑ๋์ ์ค์ จ๋ค๊ณ ์๊ฐํ์๋ฉด ๋ฉ๋๋ค.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์คํ๋ง์ผ๋ก ๋ง๋ ๋๋ง์ ํ๋ก๊ทธ๋จ์ด ์์ผ์ ๋ถ
์ทจ์ ์ ์ํ ํฌํธํด๋ฆฌ์ค๊ฐ ํ์ํ์ ๋ถ
๋ค์ ์ฃผ ๋ฉด์ ๋๋ ์ถ๊ทผ ์์ ์ด์ ๋ถ
๊ฐ๋ฐ์๋ก์ ๋ ๋์ ํ๊ณ ์ถ์ผ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
์ ๋ฐ์ ์ธ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๊ธฐ์ด
์คํ๋ง๋ถํธ
JPA
์ทจ์ ์ด์ ์ ๊ฐ๋ฐ์๊ฐ ๋๊ฒ ๋ค๋ ๋ง์๊ฐ์ง
2,013
๋ช
์๊ฐ์
110
๊ฐ
์๊ฐํ
133
๊ฐ
๋ต๋ณ
4.9
์
๊ฐ์ ํ์
1
๊ฐ
๊ฐ์
์ ์ฒด
103๊ฐ โ (30์๊ฐ 19๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ผ ์๊ฐ
04:43
ํ๋ก์ ํธ ์์ฑ
06:04
์ปจํธ๋กค๋ฌ ์์ฑ
10:32
๋ฐ์ดํฐ ๊ฒ์ฆ-1
24:10
๋ฐ์ดํฐ ๊ฒ์ฆ-2
39:46
๊ฒ์๊ธ ์์
32:52
๊ฒ์๊ธ ์ญ์
07:37
์์ธ์ฒ๋ฆฌ1
19:02
์์ธ์ฒ๋ฆฌ2
44:21