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

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

ํฌ๋กœ๋ฏธ์›€ [Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค.] ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ํฌ๋กœ๋ฏธ์›€ [Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค.] Google API keys missing ์„œ๋ก  ํฌ๋กœ๋ฏธ์›€(Chromium)์€ ๊ตฌ๊ธ€ ํฌ๋กฌ(Chrome) ๋ธŒ๋ผ์šฐ์ €์˜ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ๋กœ, ์›น ๋ธŒ๋ผ์šฐ์ง• ๊ธฐ๋Šฅ๊ณผ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ์ธ๊ธฐ ์žˆ๋Š” ์›น ๋ธŒ๋ผ์šฐ์ € ์—”์ง„์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋•Œ๋•Œ๋กœ ํฌ๋กœ๋ฏธ์›€์„ ์„ค์น˜ํ•˜๊ณ  ์‹คํ–‰ํ•˜๋ฉด "Google API ํ‚ค๊ฐ€ ๋ˆ„๋ฝ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Chromium์˜ ์ผ๋ถ€ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ ์ค‘์ง€๋ฉ๋‹ˆ๋‹ค."๋ผ๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋Š” Google API ํ‚ค๊ฐ€ ์—†์–ด์„œ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ์œผ๋กœ, ์‚ฌ์šฉ ์ค‘์ง€๋œ ๊ธฐ๋Šฅ์€ ๊ตฌ๊ธ€๊ณผ ์—ฐ๋™ํ•˜์—ฌ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ๋“ค์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ„๋‹จํ•œ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Google API ํ‚ค๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š๋„๋ก ์„ค์ •ํ• .. 2023. 8. 6.
์œˆ๋„์šฐ 10, 11 HEVC ์ฝ”๋ฑ ๋ฌด๋ฃŒ ์„ค์น˜ ๋ฐฉ๋ฒ•! ์žฅ๋น„์ œ์กฐ์—…์ฒด H.265 ๋‹ค์šด๋กœ๋“œ HEVC Video Extensions ์œˆ๋„์šฐ 10, 11 HEVC ์ฝ”๋ฑ ๋ฌด๋ฃŒ ์„ค์น˜ ๋ฐฉ๋ฒ•! ์žฅ๋น„์ œ์กฐ์—…์ฒด H.265 ๋‹ค์šด๋กœ๋“œ HEVC Video Extensions ์†Œ๊ฐœ ์œˆ๋„์šฐ 10, 11์—์„œ ์˜์ƒ ์žฌ์ƒ ์‹œ HEVC(๊ณ ๊ธ‰ ๋น„๋””์˜ค ์ฝ”๋”ฉ) ์ฝ”๋ฑ์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ™”๋ฉด์ด ๋‚˜์˜ค์ง€ ์•Š๊ณ  ์†Œ๋ฆฌ๋งŒ ์žฌ์ƒ๋˜๋ฉฐ, "์ด ๋™์˜์ƒ์„ ์žฌ์ƒํ•˜๋ ค๋ฉด hevc ์ฝ”๋ฑ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค."๋ผ๋Š” ๋ฉ”์‹œ์ง€์™€ ํ•จ๊ป˜ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ ์Šคํ† ์–ด์—์„œ 1,200์›์— HEVC Video Extensions ์ฝ”๋ฑ์„ ๊ตฌ๋งคํ•˜๋ผ๋Š” ์•ˆ๋‚ด๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‹คํ–‰ํžˆ๋„ ๋ฌด๋ฃŒ๋กœ HEVC ์ฝ”๋ฑ์„ ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ์‹  ์Šค๋งˆํŠธํฐ๊ณผ ์นด๋ฉ”๋ผ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์˜์ƒ ์ดฌ์˜ ๋ฐ ์ €์žฅ์— ์‚ฌ์šฉ๋˜๋Š” HEVC(๊ณ ๊ธ‰ ๋น„๋””์˜ค ์ฝ”๋”ฉ) ์ฝ”๋ฑ์€ ๊ณ ํ’ˆ์งˆ์˜ ์˜์ƒ ์••์ถ•์„ ๊ฐ€๋Šฅ์ผ€ํ•˜๋Š” ๊ธฐ์ˆ ๋กœ ์ธ๊ธฐ๋ฅผ.. 2023. 8. 3.
Spring session method ์„ธ์…˜ ๋ฉ”์†Œ๋“œ .setAttribute() .getAttribute() .invalidate() .setMaxInactiveInterval() .isNew() ์„ธ์…˜ ๋ฉ”์†Œ๋“œ: Session Method ์„œ๋ก  ์›น ๊ฐœ๋ฐœ์—์„œ ์„ธ์…˜์€ ์‚ฌ์šฉ์ž์˜ ์ƒํƒœ ์ •๋ณด๋ฅผ ์„œ๋ฒ„์— ์œ ์ง€ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์„ธ์…˜์„ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ๋กœ๊ทธ์ธ ์ •๋ณด, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋‚ด์—ญ ๋“ฑ์„ ์„œ๋ฒ„์— ์ €์žฅํ•˜๊ณ  ์œ ์ง€ํ•จ์œผ๋กœ์จ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Java์—์„œ๋Š” ์„ธ์…˜์„ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•ด ๋‹ค์–‘ํ•œ ๋ฉ”์†Œ๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” Java์˜ ์„ธ์…˜ ๋ฉ”์†Œ๋“œ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์„ธ์…˜ ๋ฉ”์†Œ๋“œ ์†Œ๊ฐœ Java์—์„œ ์„ธ์…˜์„ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•ด ์ฃผ์š”ํ•œ ๋ฉ”์†Œ๋“œ๋“ค์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. setAttribute(String name, Object value) ์ด ๋ฉ”์†Œ๋“œ๋Š” ์„ธ์…˜์— ์ง€์ •๋œ ์ด๋ฆ„์œผ๋กœ ๊ฐ์ฒด๋ฅผ ์„ค์ •ํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์„ธ์…˜์€ ์ด๋ฆ„-๊ฐ’ ์Œ์˜ ํ˜•ํƒœ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š”๋ฐ, ์ด ๋ฉ”์†Œ๋“œ๋ฅผ ํ†ตํ•ด ์„ธ์…˜์— ๋ฐ์ดํ„ฐ๋ฅผ .. 2023. 8. 1.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ/jQuery๋กœ input checkbox name๊ฐ’, value ๊ฐ’์œผ๋กœ ์ฒดํฌํ•˜๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ/jQuery๋กœ input checkbox name๊ฐ’, value ๊ฐ’์œผ๋กœ ์ฒดํฌํ•˜๊ธฐ ์†Œ๊ฐœ ์ด ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ/jQuery๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ input checkbox ์š”์†Œ๋ฅผ name๊ณผ value ๊ฐ’์„ ์ด์šฉํ•˜์—ฌ ์ฒดํฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. input checkbox๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๊ฐ’์„ ์ €์žฅํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. name ์†์„ฑ์„ ๋™์ผํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋ฉด์„œ value๋งŒ ๋‹ค๋ฅด๊ฒŒ ์„ค์ •ํ•˜๋ฉด ๋ฐฐ์—ด๋กœ ์‰ฝ๊ฒŒ ๊ฐ’์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋ ‡๊ฒŒ ์ €์žฅ๋œ ๊ฐ’์„ ๋‹ค์‹œ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ์€ ์กฐ๊ธˆ ๊นŒ๋‹ค๋กœ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด name๊ณผ value๋ฅผ ๋™์‹œ์— ํ™œ์šฉํ•˜์—ฌ ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฉ๋ฒ• jQuery๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ input checkbox ์š”์†Œ๋ฅผ .. 2023. 7. 31.
ํ‹ฐ์Šคํ† ๋ฆฌ jsFiddle ์—ฐ๋™ JSํ”ผ๋“ค ์‚ฌ์šฉ๋ฒ• ๋ธ”๋กœ๊ทธ์— ์ฝ”๋“œ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ๋ฒ• codePen CodeSandbox. ์ฝ”๋“œ๋ธ”๋Ÿญ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๋„๊ตฌ ํƒ์ƒ‰: codePen, CodeSandbox, jsFiddle ํ™œ์šฉ ๊ฐ€์ด๋“œ ์•ˆ๋…•ํ•˜์„ธ์š” ์—ฌ๋Ÿฌ๋ถ„, ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์— ์žˆ์–ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ๋“ค์„ ์†Œ๊ฐœํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋“ค ํ”Œ๋žซํผ์ด ๋ฐ”๋กœ codePen, CodeSandbox, ๊ทธ๋ฆฌ๊ณ  jsFiddle์ž…๋‹ˆ๋‹ค. ์ด๋“ค ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•˜๋ฉด, ์›น ๊ฐœ๋ฐœ ๊ณผ์ •์ด ๋ณด๋‹ค ๊ฐ„๊ฒฐํ•ด์ง€๊ณ , ์‹ค์‹œ๊ฐ„ ํ”ผ๋“œ๋ฐฑ์„ ํ†ตํ•ด ๋น ๋ฅธ ํ•™์Šต๊ณผ ๋ฌธ์ œ ํ•ด๊ฒฐ์ด ๊ฐ€๋Šฅํ•ด์ง‘๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ด๋“ค ๋„๊ตฌ๋ฅผ ํ†ตํ•ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๊ณผ ๊ณต์œ ํ•˜๊ณ , ํ˜‘์—…๊นŒ์ง€ ํ•  ์ˆ˜ ์žˆ์–ด ๊ฐœ๋ฐœ ๊ณต๋™์ฒด์—์„œ ๋†’์€ ์‚ฌ๋ž‘์„ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ๋ถ€ํ„ฐ ์ด๋“ค ํ”Œ๋žซํผ์— ๋Œ€ํ•ด ์ข€ ๋” ์ž์„ธํžˆ ์‚ดํŽด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. codePen, CodeSandbox, jsFiddle ์ด๋ž€? codePen, CodeSa.. 2023. 7. 7.
[browser] ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •, css html javasccript parsing process ์ธํ„ฐ๋„ท ์ฃผ์†Œ์ฐฝ์— URL์„ ์ž…๋ ฅํ–ˆ์„ ๋•Œ, ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€๋ฅผ ๋ณด๊ธฐ๊นŒ์ง€ ๊ฑฐ์น˜๋Š” ๊ณผ์ •์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค: ์‚ฌ์šฉ์ž๊ฐ€ ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ์ฃผ์†Œ์ฐฝ์— URL์„ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” ์ž…๋ ฅ๋œ URL์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์„œ๋ฒ„์˜ IP ์ฃผ์†Œ๋ฅผ ์ฐพ๊ธฐ ์œ„ํ•ด DNS(Domain Name System)์—๊ฒŒ DNS ์กฐํšŒ ์š”์ฒญ์„ ํ•ฉ๋‹ˆ๋‹ค. DNS๋Š” ๋„๋ฉ”์ธ ์ด๋ฆ„์„ IP ์ฃผ์†Œ๋กœ ๋งคํ•‘ํ•ด ์ฃผ๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. DNS๋Š” ๋„๋ฉ”์ธ ์ด๋ฆ„์„ IP ์ฃผ์†Œ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ์‘๋‹ตํ•ฉ๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” ํ•ด๋‹น IP ์ฃผ์†Œ๋กœ ์„œ๋ฒ„์— HTTP ์š”์ฒญ์„ ๋ณด๋ƒ…๋‹ˆ๋‹ค. ์ด ์š”์ฒญ์€ HTTP ํ”„๋กœํ† ์ฝœ์„ ๋”ฐ๋ผ ๊ตฌ์„ฑ๋˜๋ฉฐ, ์š”์ฒญ ๋ฉ”์„œ๋“œ(GET, POST ๋“ฑ)์™€ ํ—ค๋”(์š”์ฒญ์˜ ์ถ”๊ฐ€ ์ •๋ณด)๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์„œ๋ฒ„๋Š” ์š”์ฒญ์„ ๋ฐ›๊ณ  ํ•ด๋‹นํ•˜๋Š” ๋ฆฌ์†Œ์Šค(HTML, CSS, JavaScript ํŒŒ์ผ ๋“ฑ)๋ฅผ ์ฐพ์•„์„œ .. 2023. 7. 6.