๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ76

[Spring] ๊น€์˜ํ•œ ์Šคํ”„๋ง MVC_ ์„น์…˜6. ์Šคํ”„๋ง MVC - ๊ตฌ์กฐ์ดํ•ด ์„น์…˜ 6์€ ์Šคํ”„๋ง MVC ๊ตฌ์กฐ๋ฅผ ์ •ํ™•ํžˆ ์ดํ•ดํ•ด ๋ณด๊ธฐ ์œ„ํ•ด ๊ฐ๊ฐ์˜ ๋ถ€๋ถ„๋“ค์ด ์–ด๋–ป๊ฒŒ ๋ณ€ํ™”ํ–ˆ๋Š”์ง€ ์‚ดํŽด๋ดค๋‹ค. ์„น์…˜ 5๋Š” ์ง์ ‘ MVC ํŒจํ„ด์„ ๋งŒ๋“ค์—ˆ๊ณ , ์„น์…˜ 6์€ ์Šคํ”„๋ง์ด ์–ด๋–ป๊ฒŒ MVC๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š”์ง€ ์•Œ์•„๋ดค๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ œ๊ณต๋˜๋Š” ํ˜„์žฌ์˜ ์Šคํ”„๋ง MVC๊ฐ€ ์–ด๋–ค ๊ณผ์ •์„ ๊ฑฐ์ณ์„œ ์˜ค๊ฒŒ ๋๋Š” ์ง€๋„ ๋ฐฐ์› ๋‹ค. โ˜˜๏ธ ์ž˜๋ชป๋œ ์ •๋ณด๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค โœ”๏ธ ๊ณผ๊ฑฐ ๋ฒ„์ „ ์Šคํ”„๋ง ์ปจํŠธ๋กค๋Ÿฌ์ง€๊ธˆ์€ ์ „ํ˜€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”, ๊ณผ๊ฑฐ์— ์‚ฌ์šฉํ–ˆ๋˜ ์ปจํŠธ๋กค๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•ด๋ณด์ž. โ–บ OldController.class @Component: ์Šคํ”„๋ง ๋นˆ์œผ๋กœ ๋“ฑ๋กํ•œ๋‹ค.@Component("/springmvc/old-controller")public class OldController implements Controller { @Override publ.. 2025. 7. 22.
[Vue.js] ๋ผ์šฐํ„ฐ ์„ค์น˜ํ•˜๊ณ , ๋ฐฐ๊ฒฝ์ƒ‰ ๋ฐ”๊ฟ”๋ณด๊ธฐ. [ 3. Vue.js ์„ค์น˜ํ•˜๊ธฐ ]์„ค์น˜ ์•ˆ ํ•˜์‹  ๋ถ„๋“ค์„ ์œ„ํ•ด ๋‚จ๊ฒจ๋‘๊ฒ ์Šต๋‹ˆ๋‹ค [Spring] (MAC, IntelliJ, vue.js) Spring boot๋กœ ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค๊ณ , vue.js ์„ค์น˜์™€ ํ”„๋กœ์ ํŠธ ์—ด๊ธฐ.์ด๋ฒˆ์— ๋งŒ๋“ค ์›น์‚ฌ์ดํŠธ๋Š”vue.js๋ฅผ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ค๐Ÿ  1. ๋งŒ๋“ค๊ณ ์ž ํ•˜๋Š” ๊ฒƒ์€? ํšŒ์›๊ฐ€์ž… ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ•œ๋‹ค. Vue.js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋ก ํŠธ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ, ๊ฐ„๋‹จํ•œ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์›นpost-this.tistory.com ์ฐธ๊ณ ๋กœ Vue.js์— ๋Œ€ํ•ด์„œ ์ž˜ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.์•„๋ฌด๊ฑฐ๋‚˜ ๋ง‰ ํ•ด๋ณด๋Š” ์ค‘์ด๊ณ  ์˜ณ์€ ์ •๋ณด์ธ์ง€ ์ €๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค! ๋ผ์šฐํ„ฐ๋ฅผ ์„ค์น˜ํ•˜๊ณ ๋ฐฐ๊ฒฝ์ƒ‰์„ ๋ฐ”๊ฟ”๋ณผ ๊ฒƒ์ด๋‹ค. 1. ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ โ–ก Vue.js ์„ ํƒํ•˜๊ณ , practice01์ด๋ž€ ์ด๋ฆ„์„ ๋ถ™์—ฌ์ฃผ๊ธฐVue.js๋ฅผ ์„ ํƒํ•˜์—ฌ ํ”„๋กœ.. 2025. 7. 20.
[Spring] (MAC, IntelliJ, vue.js) OpenAPI์ธ Swagger ์ ์šฉํ•˜๊ณ  YAML ์ž‘์„ฑํ•ด๋ณด๊ธฐ. Swgger๋ฅผ ์‚ฌ์šฉํ•˜์—ฌREST API๋ฅผ ์ž‘์„ฑํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.๐Ÿ  1. Swagger๋ž€?2. Swagger ๋“ฑ๋กํ•˜๊ธฐ3. Swagger ์ž‘์„ฑ ๋ฐฉ๋ฒ•4. YAML์œผ๋กœ ์ž‘์„ฑํ•ด ๋ณด๊ธฐ5. ๋งˆ๋ฌด๋ฆฌ 1. Swagger๋ž€? Swagger๋Š” REST API๋ฅผ ์„ค๋ช…ํ•˜๊ณ , ๋ฌธ์„œํ™”ํ•˜๊ณ , ํ…Œ์ŠคํŠธํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๋„๊ตฌ์ด๋‹ค. Swagger๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด, ๋งŒ๋“  API์˜ ๋ช…์„ธ์„œ๋ฅผ ์ž๋™์œผ๋กœ ๋งŒ๋“ค์–ด์ฃผ๊ฑฐ๋‚˜ ์‰ฝ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค. ์ด๋•Œ Swagger๋Š” OpenAPI Specification์ด๋ผ๋Š” ํ‘œ์ค€ ๋ช…์„ธ์„œ ํฌ๋งท์„ ์‚ฌ์šฉํ•œ๋‹ค. (๊ทธ๋ž˜์„œ์ผ๊นŒ, OpenAPI๋ผ๊ณ  ๋ถ€๋ฅด๋Š” ๋“ฏํ•˜๋‹ค.) 2. Swagger ๋“ฑ๋กํ•˜๊ธฐ. โ–ก build.gradle์— ๋“ค์–ด๊ฐ€๊ธฐ. โ–ก dependencies์— ์ฝ”๋“œ ๋“ฑ๋กํ•˜๊ธฐ.implementation 'o.. 2025. 7. 17.
[Spring] REST์™€ API ๊ทธ๋ฆฌ๊ณ  REST API๋ž€? Swagger๋ฅผ ํ†ตํ•ดAPI์˜ ๋ช…์„ธ์„œ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋ คํ–ˆ๋‹ค.๊ทธ๋Ÿฐ๋ฐ REST API์™€ ์—ฐ๊ด€์ด ์žˆ๋Š” ๋“ฏ ํ•˜๋‹ค.REST API๊ฐ€ ๋ญ˜๊นŒ? REST๋ž€?REST๋Š” Representational State Transfer์˜ ์•ฝ์ž์ด๋‹ค.์ž์›์„ ์ด๋ฆ„์œผ๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ํ•ด๋‹น ์ž์›์˜ ์ƒํƒœ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ๋ชจ๋“  ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.HTTP URI๋ฅผ ํ†ตํ•ด ์ž์›์„ ๋ช…์‹œํ•˜๊ณ , HTTP Method(GET, POST ๋“ฑ)๋ฅผ ํ†ตํ•ด ํ•ด๋‹น ์ž์›(URI)์— ๋Œ€ํ•œ ๊ธฐ๋ณธ์ ์ธ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๊ธฐ๋Šฅ๋“ค์„ ์ ์šฉํ•œ๋‹ค.์—ฌ๊ธฐ์„œ ๊ธฐ๋ณธ์ ์ธ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๊ธฐ๋Šฅ์€ CRUD Operation์œผ๋กœ Create(์ƒ์„ฑ), Read(์ฝ๊ธฐ), Update(๊ฐฑ์‹ ), Delete(์‚ญ์ œ)๋ฅผ ๋งํ•œ๋‹ค. REST์˜ ๋‹จ์ ํ‘œ์ค€ ์ž์ฒด๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์•„ ์ •์˜๊ฐ€ ํ•„์š”ํ•˜๋‹ค.HTTP Method ํ˜•ํƒœ๊ฐ€ ์ œํ•œ์ ์ด๋‹ค... 2025. 7. 16.
[Spring] ๊น€์˜ํ•œ ์Šคํ”„๋ง MVC_ ์„น์…˜5. MVC ํ”„๋ ˆ์ž„์›Œํฌ ๋งŒ๋“ค๊ธฐ ์„น์…˜ 5๋Š” ํ˜„์žฌ์˜ Spring MVC๊นŒ์ง€ ์˜ค๊ฒŒ๋œ ๊ณผ์ •์„ ์ฐจ๊ทผ์ฐจ๊ทผ ์‚ดํŽด๋ดค๋‹ค. ์•ž์„œ ๋ฐฐ์šด ์ ์—์„œ ๊ฐ€์žฅ ํฐ ๋ณ€ํ™”๋Š” ํ”„๋ก ํŠธ ์ปจํŠธ๋กค๋Ÿฌ๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์š”์ฒญ๊ณผ ์‘๋‹ต์„ ์ปจํŠธ๋กค๋Ÿฌ์—์„œ ์ฒ˜๋ฆฌํ–ˆ๋˜ ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌ ํ”„๋ก ํŠธ ์ปจํŠธ๋กค๋Ÿฌ์— ์—ญํ• ์„ ์ „๊ฐ€ํ•ด ๊ฐœ๋ฐœ์ž๋Š” ์ ์  ํŽธ๋ฆฌํ•˜๊ฒŒ ์ปจํŠธ๋กค๋Ÿฌ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ค‘๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ ์ตœ๋Œ€ํ•œ ์ค„์ด๋ฉฐ ์ ์ง„์ ์ธ ๊ตฌ์กฐ์  ๋ณ€ํ™”๋ฅผ ์ฃผ์—ˆ๋‹ค. โ˜˜๏ธ ์ž˜๋ชป๋œ ์ •๋ณด๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค โœ”๏ธ V1_ ํ”„๋ก ํŠธ ์ปจํŠธ๋กค๋Ÿฌ๋ฅผ ๋„์ž…ํ•˜์ž.ํ”„๋ก ํŠธ ์ปจํŠธ๋กค๋Ÿฌ๋กœ ์š”์ฒญ์„ ๋ฐ›์•„ ์•Œ๋งž๋Š” ์ปจํŠธ๋กค๋Ÿฌ๋ฅผ ์ฐพ์•„ ํ˜ธ์ถœํ•œ๋‹ค.๋‚˜๋จธ์ง€ ์ปจํŠธ๋กค๋Ÿฌ๋Š” ์„œ๋ธ”๋ฆฟ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค. โ–บ ControllerV1.interfacepublic interface ControllerV1 { void process(HttpServletRequest r.. 2025. 7. 14.
[Spring] (MAC, IntelliJ, vue.js) Spring boot๋กœ ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค๊ณ , vue.js ์„ค์น˜์™€ ํ”„๋กœ์ ํŠธ ์—ด๊ธฐ. ์ด๋ฒˆ์— ๋งŒ๋“ค ์›น์‚ฌ์ดํŠธ๋Š”vue.js๋ฅผ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ค๐Ÿ  1. ๋งŒ๋“ค๊ณ ์ž ํ•˜๋Š” ๊ฒƒ์€? ํšŒ์›๊ฐ€์ž… ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ•œ๋‹ค. Vue.js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋ก ํŠธ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ, ๊ฐ„๋‹จํ•œ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ์›น์‚ฌ์ดํŠธ์— ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์€ ํ•„์š”ํ•˜๋‹ˆ ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ฒŒ๋ผ๋„ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘๋ฉด ํŽธ๋ฆฌํ•  ๊ฒƒ ๊ฐ™๋‹ค.๊ฐ„ํŽธ ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์˜ ๋ชฉํ‘œ์ด๋ฉฐ, Vue์˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์„ ํ„ฐ๋“ํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ํ˜๋Ÿฌ๊ฐ€๋Š”์ง€ ํŒŒ์•…ํ•˜๊ณ ์ž ํ•œ๋‹ค. 2. Spring initializr ์ƒ์„ฑํ•˜๊ธฐ. โ–ก https://start.spring.io/ โ–ก dependencies ์„ค์ •ํ•˜๊ธฐ. dependencies { implementation 'org.springfra.. 2025. 7. 10.