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

๋ฐฑ์—”๋“œ32

click on ์ด ํ•œ ๋ฒˆ์— ์‹คํ–‰๋˜์ง€ ์•Š๋Š” ์ด์Šˆ (jsp ๋‚ด์˜ script ์ˆ˜์ •) Spring boot ๋‚ด์˜ jsp ํŒŒ์ผ์„ ์ž‘์„ฑํ•˜์—ฌ ํ”„๋ก ํŠธ๋ฅผ ๊ตฌ์„ฑํ–ˆ์—ˆ๋Š”๋ฐ, ๋ฒ„ํŠผ์ด ํ•œ ๋ฒˆ์— ํด๋ฆญ๋˜์ง€ ์•Š๋Š” ์ด์Šˆ๊ฐ€ ์ƒ๊ฒผ์—ˆ๋‹ค. (์ฒ˜์Œ ์ ‘์†์‹œ ํŽ˜์ด์ง€๋ฅผ ํ•œ ๋ฒˆ ์ƒˆ๋กœ๊ณ ์นจํ•ด์•ผ ์ด์Šˆ๊ฐ€ ํ•ด๊ฒฐ๋์—ˆ๋‹ค.) ์ด๋Ÿฌํ•œ ์˜ค๋ฅ˜๋“ค์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ฐพ์•„๋ณธ ๊ฒฐ๊ณผ ์•„๋ž˜์˜ ์ฝ”๋“œ๊ฐ€ ๋ฌธ์ œ์˜€๋‹ค. // ์›๋ž˜์˜ ์ฝ”๋“œ $("#locationBtn").on("click", function(){}; ์ด๋Ÿฌํ•œ ํ˜•ํƒœ์˜ ์ฝ”๋“œ๋Š” ์ด๋ฒคํŠธ ์œ„์ž„์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์„ค์ •๋˜์–ด์žˆ์ง€๋งŒ, ํŽ˜์ด์ง€๊ฐ€ ์ฒ˜์Œ ๋กœ๋“œ๋  ๋•Œ ๋™์ ์œผ๋กœ ์ƒ์‚ฐ๋œ ์š”์†Œ๊ฐ€ ์—†์–ด์„œ ์œ„์™€ ๊ฐ™์€ ์ด์Šˆ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ํŽ˜์ด์ง€๊ฐ€ ์ฒ˜์Œ ๋กœ๋“œ๋  ๋•Œ ์ด๋ฏธ ์žˆ๋Š” ์š”์†Œ๋“ค์— ๋Œ€ํ•ด์„œ๋„ ์ด๋ฒคํŠธ ์œ„์ž„์„ ์„ค์ •ํ•˜์—ฌ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋  ๋•Œ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ ๋ชจ๋“  ์š”์†Œ์— ๋ฐ”์ธ๋”ฉ ๋˜๊ฒŒ ํ•˜์—ฌ ๋™์ ์œผ๋กœ ์ƒ์„ ๋œ ์š”์†Œ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ดˆ๊ธฐ์— ์žˆ๋Š” ์š”์†Œ์— .. 2024. 3. 21.
Mapper๋ฅผ ์ฐพ์ง€ ๋ชปํ•˜๋Š” ์—๋Ÿฌ ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€ ์ž…๋‹ˆ๋‹ค. 2024. 3. 9.
Google geocoding api ์•ˆ๋œ์ด์œ  Google geocoding API๋ฅผ ์ด์šฉํ•˜์—ฌ ์ฃผ์†Œ-> ์œ„๋„, ๊ฒฝ๋„๋กœ ๋ณ€ํ™˜ํ•˜๋ ค๊ณ  ํ–ˆ๋‹ค ํ•˜์ง€๋งŒ build.gradle ์— import ํ•˜๊ณ , application.yml ์— ๊ด€๋ จ ํ‚ค๋ฅผ ์ €์žฅํ•œ๋’ค java์—์„œ ๊ฐ€์ ธ์™€ ์“ฐ๊ณ , ๊ด€๋ จ service class ์™€ controller class๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋“ฑ๋ชจ๋“  ์ค€๋น„๋ฅผ ํ–ˆ์ง€๋งŒ ์ž๊พธ JSONObject๊ฐ€ null๋กœ ๋ฐ›์•„์กŒ๋‹ค. API key ๊ฐ’์ด ์ž˜ ๋ชป ๋œ ๊ฒƒ ๊ฐ™์•„์„œ ์ฐพ์•„๋ณธ ๊ฒฐ๊ณผ Google cloud ์—์„œ ๊ด€๋ จ ํ‚ค์˜ ์ œํ•œ ๊ฐ’์„ ์—†์• ์•ผ ํ–ˆ๋‹ค ํ•ด๋‹น ๋ถ€๋ถ„ ๋•Œ๋ฌธ์— ์ž ์‹œ ํ•ด๋งธ์ง€๋งŒ ์™ธ๋ถ€ api๋ฅผ ์ •์ƒ์ ์œผ๋กœ ๋Œ์–ด์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ–ˆ๋‹ค..! ์ด์ œ ํ•ด๋‹น API๋ฅผ ์ด์šฉํ•ด์„œ create ํŽ˜์ด์ง€๋ฅผ ์™„์„ฑ ์‹œ์ผœ์•ผ์ง€!! 2024. 2. 26.
Controller ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ๋ฐฉ๋ฒ•๋“ค ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€ ์ž…๋‹ˆ๋‹ค. 2023. 12. 6.
์Šคํ”„๋ง ์„ค์น˜ ํ™˜๊ฒฝ ๊ตฌ์ถ• ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€ ์ž…๋‹ˆ๋‹ค. 2023. 12. 6.
๊ณต๊ฐœ๋œ API๋ฅผ ๊ฐ€์ ธ์™€ ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค๊ธฐ(1) ๋ณดํ†ต ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์‹œ ํฌ๋กค๋ง์„ ํ•˜๊ฑฐ๋‚˜ ๊ณต๊ฐœ๋œ API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์™€ ์ฝ”๋“œ๋ฅผ ์งœ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. ์ด๋•Œ ๊ณต๊ฐœ๋œ API๋ฅผ ์–ด๋–ป๊ฒŒ ์ž˜ ์ด์šฉํ• ์ง€ ์ ์–ด๋ณด๊ณ ์ž ํ•œ๋‹ค. ๊ณต๊ฐœ๋œ API ๊ณ ๋ฅด๋Š” ๋ฐฉ๋ฒ• 1. API document ์ฐธ๊ณ ํ•˜์—ฌ ๊ธˆ์•ก, ํ˜ธ์ถœ ๊ฐ€๋Šฅ ํšŸ์ˆ˜ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. 2. API๊ฐ€ ๋‹ค๋ฃจ๋Š” ๋ฐ์ดํ„ฐ ๋ฒ”์œ„ (request, response ๊ฐ’๊ณผ ํ˜•์‹ ๋“ฑ) ์„ ํ™•์ธํ•œ๋‹ค. ์›ํ•˜๋Š” ์‚ฌ์ดํŠธ์—์„œ API ์ธ์ฆ ๋ฐ›๊ธฐ - API ์ธ์ฆ์ด๋ž€? API ๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๋Œ€์ƒ์„ ํ™•์ธํ•˜๋Š” ์ ˆ์ฐจ์ด๋‹ค. API ์ธ์ฆ ๋ฐฉ์‹์—๋Š” API Key ๋ฐฉ์‹๊ณผ API Token ๋ฐฉ์‹์ด ์žˆ๋‹ค. ๋˜ํ•œ ์–ด๋–ค ๋ฐฉ์‹์„ ์“ฐ๋ƒ์— ๋”ฐ๋ผ ๊ตฌํ˜„ ๋‚œ์ด๋„์™€ ๋ณด์•ˆ ์ˆ˜์ค€์ด ๋‹ฌ๋ผ์ง„๋‹ค. 2023. 4. 21.