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

SpringBoot10

[Spring] CORS์™€ SOP์˜ ์˜๋ฏธ, @CrossOrigin์™€ WebMvcConfigurer ์ฝ”๋“œ ์˜ˆ์‹œ ํ”„๋ก ํŠธ์™€ ๋ฐฑ์—”๋“œ๋ฅผ๋”ฐ๋กœ ์ž‘์„ฑํ•  ๋•Œ,@CrossOrigin์„ ๋ถ™์˜€๋‹ค. @CrossOriginCORS๋ฅผ ์Šคํ”„๋ง์„ ํ†ตํ•ด ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด๋‹ค.๋ชจ๋“  ๋„๋ฉ”์ธ๊ณผ ๋ชจ๋“  ์š”์ฒญ๋ฐฉ์‹์— ๋Œ€ํ•ด ํ•˜์šฉํ•œ๋‹ค๋Š” ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„๋‹ค.์Šคํ”„๋ง 4.2๋ถ€ํ„ฐ ์ง€์›ํ•œ๋‹ค. CORS์„œ๋กœ ๋‹ค๋ฅธ ๋„๋ฉ”์ธ์—์„œ ๋ฆฌ์†Œ์Šค๋ฅผ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์›น ํŽ˜์ด์ง€์˜ ์ œํ•œ๋œ ์ž์›์„ ์™ธ๋ถ€ ๋„๋ฉ”์ธ์—์„œ ์ ‘๊ทผ์„ ํ—ˆ์šฉํ•ด์ฃผ๋Š” ๋งค์ปค๋‹ˆ์ฆ˜์ฒ˜์Œ ์ „์†ก๋˜๋Š” ๋ฆฌ์†Œ์Šค์˜ ๋„๋ฉ”์ธ๊ณผ ๋‹ค๋ฅธ ๋„๋ฉ”์ธ์œผ๋กœ๋ถ€ํ„ฐ ๋ฆฌ์†Œ์Šค๊ฐ€ ์š”์ฒญ๋  ๊ฒฝ์šฐ ํ•ด๋‹น ๋ฆฌ์†Œ์Šค๋Š” cross-origin HTTP ์š”์ฒญํ•œ๋‹ค.Same Origin Policy์™€ ๋ฐ˜๋Œ€๋˜๋Š” ๊ฐœ๋…์˜ˆ์‹œ๋กœ, ๋‹ค๋ฅธ ์ง‘์—์„œ ๋‚ด ์ง‘์— ์žˆ๋Š” ๊ธˆ๊ณ (๋ฐ์ดํ„ฐ)๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง‘์ฃผ์ธ(์„œ๋ฒ„)์ด ํ—ˆ๊ฐ€์ฆ(ํŠน์ • ์‘๋‹ต ํ—ค๋”)์„ ์จ์ฃผ๋ฉด ๊ฐ€๋Šฅํ•˜๋‹ค. SOPSame Origin Policy์˜ ์•ฝ์ž์ด๋ฉฐ.. 2025. 8. 19.
[SpringBoot] (IntelliJ, vue.js, H2) ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 3ํŽธ: watch๋กœ ์•„์ด๋””์™€ ์ด๋ฉ”์ผ ๋ณ€๊ฒฝ ์‹œ ๋‹ค์‹œ ์ค‘๋ณต์ฒดํฌํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ. [ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 2ํŽธ : ์•„์ด๋””์™€ ์ด๋ฉ”์ผ ํŒจํ„ด ์ฒดํฌํ•˜๊ณ  ์ค‘๋ณต ํ™•์ธํ•˜๊ธฐ ] [SpringBoot] (IntelliJ, vue.js, H2) ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 2ํŽธ : ์•„์ด๋””, ์ด๋ฉ”์ผ ์ค‘๋ณต์ฒดํฌ ๋งŒ๋“ค๊ธฐ.์ด๋ฆ„, ๋น„๋ฐ€๋ฒˆํ˜ธ, ์ „ํ™”๋ฒˆํ˜ธ๋ฅผํŒจํ„ด ์ฒดํฌ๋ฅผ ํ–ˆ์—ˆ๋‹ค.์ด๋ฒˆ์—๋Š” ์•„์ด๋””์™€ ์ด๋ฉ”์ผ์„์ค‘๋ณต ์ฒดํฌ ํ•ด๋ณด์ž! [ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 1ํŽธ : ์ด๋ฆ„, ํŒจ์Šค์›Œ๋“œ, ์ „ํ™”๋ฒˆํ˜ธ ํŒจํ„ด ์ฒดํฌ ]์ด๊ณณ์— ๋“ค์–ด๊ฐ€์‹œ๋ฉด ํŽ˜์ด์ง€post-this.tistory.com ์•„์ด๋””์™€ ์ด๋ฉ”์ผ์„์ค‘๋ณต ์ฒดํฌํ•˜๊ณ  ํŒจํ„ด ์ฒดํฌ๊นŒ์ง€ ๋งŒ๋“ค์—ˆ๋”ฐ.๊ทธ๋Ÿฐ๋ฐ ์ด๋Ÿด์ˆ˜๊ฐ€!์‚ฌ์šฉ์ž๊ฐ€ ์ค‘๋ณต ์ฒดํฌ๋ฅผ ๋งŒ๋“ค๊ณ ๊ฐ’์„ ๋ณ€๊ฒฝํ•ด๋„ ๊ฐ€์ž…์ด ์„ฑ๊ณตํ•œ๋‹ค. 1. ํ™”๋ฉด ๋™์ž‘๊ณผ ์ „์ฒด ์ฝ”๋“œํ™”๋ฉด๋™์ž‘ ์ฝ”๋“œ Register-Web-frontend/src/views/BasicRegister.vu.. 2025. 8. 18.
[SpringBoot] (IntelliJ, vue.js, H2) ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 2ํŽธ : ์•„์ด๋””, ์ด๋ฉ”์ผ ์ค‘๋ณต์ฒดํฌ ๋งŒ๋“ค๊ธฐ. ์ด๋ฆ„, ๋น„๋ฐ€๋ฒˆํ˜ธ, ์ „ํ™”๋ฒˆํ˜ธ๋ฅผํŒจํ„ด ์ฒดํฌ๋ฅผ ํ–ˆ์—ˆ๋‹ค.์ด๋ฒˆ์—๋Š” ์•„์ด๋””์™€ ์ด๋ฉ”์ผ์„์ค‘๋ณต ์ฒดํฌ ํ•ด๋ณด์ž! [ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 1ํŽธ : ์ด๋ฆ„, ํŒจ์Šค์›Œ๋“œ, ์ „ํ™”๋ฒˆํ˜ธ ํŒจํ„ด ์ฒดํฌ ]์ด๊ณณ์— ๋“ค์–ด๊ฐ€์‹œ๋ฉด ํŽ˜์ด์ง€ ๋™์ž‘ ํ™”๋ฉด์ด ์žˆ๊ณ , ๊นƒํ—ˆ๋ธŒ ๋งํฌ๋ฅผ ํ†ตํ•ด ์ „์ฒด ์ฝ”๋“œ๋ฅผ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [SpringBoot] (IntelliJ, vue.js, H2) ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 1ํŽธ : dto ๋งŒ๋“ค๊ณ , ์ž…๋ ฅ๊ฐ’ ํŒจํ„ด์„ค์ •ํ•˜๊ธฐ.๋Œ€๋ถ€๋ถ„์˜ ์›น์‚ฌ์ดํŠธ๋Š”ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„๋‹ค.๊ทธ ์ค‘ ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค์–ด๋ณด์ž! 1. ํ™”๋ฉด ๋™์ž‘๊ณผ ์ „์ฒด์ฝ”๋“œํšŒ์›๊ฐ€์ž… ์˜์ƒ ํšŒ์›๊ฐ€์ž… ์ค‘๋ณต ๋””๋ ‰ํ† ๋ฆฌ์™€ ํด๋ž˜์Šค Vue์™€ Spring์„ ์—ฐ๊ฒฐํ•ด์ฃผ๋Š” dtopost-this.tistory.com 1. ์–ด๋–ป๊ฒŒ ๋งŒ๋“ค์ง€ ๊ตฌ์ƒ์ฒ˜์Œ์— ์ƒ๊ฐํ•œ ํ™”๋ฉด ์‹ค์ œ๋กœ ๋งŒ๋“  .. 2025. 8. 17.
[SpringBoot] (IntelliJ, vue.js, H2) ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 1ํŽธ : dto ๋งŒ๋“ค๊ณ  ์ด๋ฆ„, ํŒจ์Šค์›Œ๋“œ, ์ „ํ™”๋ฒˆํ˜ธ ํŒจํ„ด ์ฒดํฌ ๋งŒ๋“ค๊ธฐ. ๋Œ€๋ถ€๋ถ„์˜ ์›น์‚ฌ์ดํŠธ๋Š”ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„๋‹ค.๊ทธ ์ค‘ ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค์–ด๋ณด์ž! 1. ํ™”๋ฉด ๋™์ž‘๊ณผ ์ „์ฒด์ฝ”๋“œํšŒ์›๊ฐ€์ž… ์˜์ƒ ํšŒ์›๊ฐ€์ž… ์ค‘๋ณต ๋””๋ ‰ํ† ๋ฆฌ์™€ ํด๋ž˜์Šค Vue์™€ Spring์„ ์—ฐ๊ฒฐํ•ด์ฃผ๋Š” dto Register-Web-backend/src/main/java/com/example/JoinWeb/dto at master · hyeong-ing/Register-Web-backend์ผ๋ฐ˜ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ, ๊ฐ„ํŽธ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. Contribute to hyeong-ing/Register-Web-backend development by creating an account on GitHub.github.com ์‚ฌ์šฉ์ž์˜ ์ž…๋ ฅ๊ฐ’ ํŒจํ„ด ์ฒดํฌ Register-Web-back.. 2025. 8. 14.
[Spring] (IntelliJ, vue.js) Vue๋ฅผ ์ด์šฉํ•˜์—ฌ! ์•„์ด์ฝ˜์„ ๋ˆ„๋ฅด๋ฉด ํ™”๋ฉด ์Šฌ๋ผ์ด๋”ฉ ๋งŒ๋“ค๊ธฐ. ์•„์ด์ฝ˜์„ ๋ˆ„๋ฅด๋ฉด,ํ™”๋ฉด์ด ์Šฌ๋ผ์ด๋”ฉ๋˜์–ด๋‚˜ํƒ€๋‚˜๋„๋ก ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค. 1. ํ™”๋ฉด ๋™์ž‘๊ณผ ์ „์ฒด์ฝ”๋“œ2. ์ฝ”๋“œ ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•œ ๊ฐ„๋žตํ•œ ์„ค๋ช…3. RightSide.vue ์ž‘์„ฑ4. MainView.vue ์ž‘์„ฑ5. ํ๋ฆ„ 1. ํ™”๋ฉด ๋™์ž‘๊ณผ ์ „์ฒด์ฝ”๋“œ๋™์ž‘ํ™”๋ฉด ์ „์ฒด์ฝ”๋“œ[MainView.vue์— ๋ฉ”์ธํ™”๋ฉด ์ฝ”๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.] Register-Web-frontend/src/views at master · hyeong-ing/Register-Web-frontend์ผ๋ฐ˜ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ, ๊ฐ„ํŽธ ํšŒ์›๊ฐ€์ž…๊ณผ ๋กœ๊ทธ์ธ์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. WebStrom์œผ๋กœ Vue.js์™€ Vite๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. - hyeong-ing/Register-Web-frontendgithub.com [RightSide.vue์— ์˜ค๋ฅธ์ชฝ ์‚ฌ์ด๋“œ ๋ทฐ ์ฝ”๋“œ๊ฐ€ ๋“ค์–ด.. 2025. 8. 3.
[Spring] (MAC, IntelliJ, vue.js) org.h2.jdbc.JdbcSQLFeatureNotSupportedException: Feature not supported: "CHARACTER VARYING(255)"; ์˜ค๋ฅ˜๋Š” ์™œ ๋œจ๋Š”๊ฑธ๊นŒ? ์–ด์ฐŒ์ €์ฐŒ ํ”„๋ก ํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ๋ฐฑ์—”๋“œ๋ฅผ ํ•˜๋ ค๋Š”๋ฐ,์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค!์™œ ๋ฐœ์ƒํ• ๊ฑธ๊นŒ? 1. ์˜ค๋ฅ˜ ์‚ดํ”ผ๊ธฐ. ์ด๋Ÿฐ! ๋ชป์ƒ๊ธด ์˜ค๋ฅ˜๊ฐ€ ๋–ด๋‹ค.Caused by: org.h2.jdbc.JdbcSQLFeatureNotSupportedException:Feature not supported: "CHARACTER VARYING(255)"; SQL statement: ํ˜„์žฌ H2๋กœ database๋ฅผ ๊ด€๋ฆฌํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์—ฌ๊ธฐ์„œ h2์—์„œ ์„œํฌํŠธํ•˜์ง€ ์•Š๋Š” ํŠน์ • ํƒ€์ž…์ด ์กด์žฌํ•œ๋‹ค๊ณ  ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ๊ทธ ํŠน์ • ํƒ€์ž…์€ "CHARACTER VARYING(255)"๋ผ๊ณ  ํ•œ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋กœ์ง๊ณผ ์—ฐ๊ฒฐ๋œ ํŒŒํŠธ๋ฅผ ์‚ดํŽด๋ด์•ผ๊ฒ ๋‹ค. 2. ์ฝ”๋“œ ์‚ดํ”ผ๊ธฐ.ํ˜„์žฌ ํ”„๋กœ์ ํŠธ ํŒŒ์ผ์ด๋‹ค. ํ•˜๋‚˜์”ฉ ์‚ดํŽด๋ณด๋ฉด RegisterRequest๋Š” ํ”„๋ก ํŠธ๋กœ ๋“ค.. 2025. 7. 26.