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

ํ”„๋กœ์ ํŠธ4

๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ์–ป์€ ๋‚ด์šฉ๋“ค ์šฐ๋ฆฌ ํŒ€ + ๋‹ค๋ฅธ ํŒ€์˜ ๋ฐœํ‘œ๋ฅผ ํ†ตํ•ด ๋‚˜์—๊ฒŒ ๋„์›€์ด ๋  ํ”ผ๋“œ๋ฐฑ ์ •๋ฆฌ ๊ฐœ๋ฐœ์— ์ •๋‹ต์€ ์—†๋‹ค...๊ฐœ๋ฐœ์— ์™„๋ฒฝํ•œ ์ •๋‹ต๋„ ์—†๊ณ  ๋๋„ ์—†๋‹ค. ๋‚ด๊ฐ€ ์•Œ๊ณ  ์žˆ๋Š” ์ง€์‹ ์„ ์—์„œ '์–ด๋– ํ•œ ๊ฐ€์„ค๋“ค์ด ์žˆ๊ณ , ํ•ด๊ฒฐ ๋ฐฉ์•ˆ์ด ์žˆ์œผ๋ฉฐ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋‹ค'๋ผ๋Š” ํ๋ฆ„์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด ์ข‹๋‹ค.๊ฐœ๋ฐœ์ž๋Š” ์‚ฌ์šฉ์ž์˜ ๊ด€์ ์—์„œ ์ƒ๊ฐํ•˜๊ณ  ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค.๊ฐœ์ธ์˜ ์ •๋ณด๋Š” ํ•ญ์ƒ ์†Œ์ค‘ํžˆ ์ž˜ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์•ผ ํ•œ๋‹ค.ํŠœํ„ฐ๋‹˜๋“ค์„ ์ž˜ ์ฐพ์•„๋‹ค๋‹ˆ๊ณ  ์ง€ํ”ผํ‹ฐ๋ฅผ ๋˜‘๋˜‘ํ•˜๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.๋ฌด์กฐ๊ฑด ๋ชจ๋ฅธ๋‹ค๊ณ  ์ฐพ์•„๊ฐ€๋Š” ๊ฒƒ์ด ์•„๋‹Œ... ํ˜ผ์ž ๊ณ ๋ฏผํ•˜๋Š” ์‹œ๊ฐ„์„ ์ถฉ๋ถ„ํžˆ ๊ฐ€์ง„ ํ›„ GPT๋ฅผ ์ด์šฉํ•˜๊ฑฐ๋‚˜ ํŠœํ„ฐ๋‹˜์„ ์ฐพ์•„๊ฐ€์„œ ์„ค๋ช…์„ ํ†ตํ•ด ํ•ด๋‹ต์„ ์–ป์–ด๋„ ๋Šฆ์ง€ ์•Š๋‹ค.๋ณธ์ธ์ด ๊ณ ๋ฏผํ•˜๋Š” ๊ณผ์ •์ด ์žˆ์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค.์–ด๋–ค ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ์–ด๋–ค ์žฅ๋‹จ์ ์ด ์žˆ๋Š”์ง€ ์ƒ๊ฐํ•ด๋ณด๊ณ  ์ •๋ฆฌํ•˜๋ฉด ์ข‹๋‹ค.๋Œ€์•ˆ๋ณ„.. 2024. 11. 10.
๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ_Day 4 ํ•˜๋ฃจ ์š”์•ฝ์˜ค๋Š˜์€ ๋ณธ์บ ํ”„ 4์ผ์ฐจ!! ๋‚ด์ผ์ด๋ฉด ๋“œ๋””์–ด ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ์˜ ์ตœ์ข… ๋ฐœํ‘œ๋‹ค..ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๋™์•ˆ Github, HTML, CSS, Javascript.... ๊ทธ๋ฆฌ๊ณ  ํ˜‘์—…์„ ์ œ๋Œ€๋กœ ๊ฒฝํ—˜ํ•  ์ˆ˜ ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค!์šฐ๋ฆฌ๊ฐ€ ๊ณ„ํšํ–ˆ๋˜ ๊ฒƒ๋ณด๋‹ค ๋” ๋ฉ‹์ง„ ๊ฒฐ๊ณผ๋ฌผ๋กœ ๋‚˜์˜จ ๊ฒƒ ๊ฐ™์•„์„œ ๋ฟŒ๋“ฏํ–ˆ๋‹ค.์˜ค๋Š˜์€ ๋‘ ๊ฐ€์ง€ ์—๋Ÿฌ๋ฅผ ํ•ด๊ฒฐํ–ˆ๋Š”๋ฐ,์ฒซ ๋ฒˆ์งธ๋กœ ํ•ด๊ฒฐํ•œ ์—๋Ÿฌ๋Š” openAPI๋ฅผ ์ด์šฉํ•ด์„œ ๋‚ ์”จ ์˜ˆ๋ณด๋ฅผ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ•˜๋Š” ์ ์„ ํ•ด๊ฒฐํ–ˆ๋‹ค.Mixed Content: The page at 'https://hajoo0322.github.io/1week-project/' was loaded over HTTPS, but requested an insecure resource 'http://apis.data.go.kr/1360000/VilageFc.. 2024. 11. 8.
๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ_Day 3 ํ•˜๋ฃจ ์š”์•ฝ๋ณธ์บ ํ”„ 3์ผ ์ฐจ!!! ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ๊ฐ€ ๊ฑฐ์˜ ์™„์„ฑ์ด ๋˜์—ˆ๋‹ค ๐Ÿ˜Ž๐Ÿ˜Ž๐Ÿ˜Ž๐Ÿ˜Ž๐Ÿ˜Ž ๋ญ”๊ฐ€ ๋งŽ์€ ๊ธฐ๋Šฅ๋“ค์„ ๊ตฌํ˜„ํ–ˆ๊ณ  ํŽ˜์ด์ง€๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋”๋‹ˆ ์‹œ๊ฐ„์ด ์•„์ฃผ ๋นจ๋ฆฌ ํ˜๋Ÿฌ๊ฐ„ ํ•˜๋ฃจ์˜€๋‹ค!!์ œ์ผ ๋จผ์ € ์ถ”๊ฐ€ํ•œ ๊ธฐ๋Šฅ์€ ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์•Œ๋ฆผ๊ณผ ํ•จ๊ป˜ ๋ฉ”์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋Š” ๊ธฐ๋Šฅ์ด์—ˆ๋‹ค.alert('๋กœ๊ทธ์ธ๋˜์…จ์Šต๋‹ˆ๋‹ค!');window.location.href = "main.html";๋‹จ ๋‘์ค„๋งŒ ์ถ”๊ฐ€ํ–ˆ๋Š”๋ฐ ๊ธฐ๋Šฅ์ด ์™„๋ฒฝํ•˜๊ฒŒ ๋Œ์•„๊ฐ”๋‹ค ๐Ÿ˜ฎ๐Ÿ˜ฎ ๊ทธ๋‹ค์Œ์€ ๊ฐ€์žฅ ์ค‘์š”ํ–ˆ๋˜ ๊ฐœ์ธ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค!!ํŒ€์›๋ถ„๋“ค์ด ๋งŒ๋“ค์–ด์ค€ ๋ผˆ๋Œ€์— ๋‚˜์˜ ๋‚ด์šฉ๋“ค๋กœ ์ฑ„์šฐ๋ฉด ๋๋Š”๋ฐ ํ•˜๋‚˜ํ•˜๋‚˜ ์ฑ„์šฐ๋‹ค ๋ณด๋‹ˆ ๊พธ๋ฏธ๋Š” ๊ฒƒ์— ์š•์‹ฌ์ด ์ƒ๊ฒจ์„œ ์‚ฌ์ง„๋„ ๋„ฃ๊ณ  ์ƒ‰๊น”๋„ ์ด์˜๊ฒŒ ๋ฐ”๊พธ๊ฒŒ ๋˜์—ˆ๋‹ค. Welcome, everyone! .FirstBox { background-ima.. 2024. 11. 7.
๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ_Day 2 ํ•˜๋ฃจ ์š”์•ฝ์˜ค๋Š˜์€ ๋ณธ์บ ํ”„ 2์ผ ์ฐจ... ์–ด์ œ ์ง„ํ–‰ํ•˜๋˜ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ณ„์† ์ง„ํ–‰ํ•˜์˜€๋‹ค.๋‚ด๊ฐ€ ๋‹ด๋‹นํ–ˆ๋˜ ๋ฉค๋ฒ„ ์นด๋“œ, ๋ฐฉ๋ช…๋ก ํŒŒํŠธ๋ฅผ ์˜ค์ „์— ๋‹ค ํ•ด๊ฒฐํ•˜๊ณ  ํŒ€์›๋ถ„๊ณผ ๋ฉ”์ธ ํŽ˜์ด์ง€๋ฅผ ํ•ฉ์ณค๋‹ค!!ํŒ€์›๋ถ„์ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ์™€ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ๋ชจ๋‘ ํ•ฉ์นœ ํ›„, ๋‚˜๋Š” ํ˜„์žฌ ์‹œ๊ฐ„๊ณผ ๋ฐฉ๋ช…๋ก์„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ์—ฐ๊ฒฐํ•˜๋Š” ๋ถ€๋ถ„์„ ์ถ”๊ฐ€์ ์œผ๋กœ ๋‹ด๋‹นํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.์ ์‹ฌ์„ ๋ง›์žˆ๊ฒŒ ๋จน๊ณ  ๋‚œ ํ›„, ํ˜„์žฌ ์‹œ๊ฐ„์„ ๋‚˜ํƒ€๋‚ด์ฃผ๋Š” Javascript ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ํŽ˜์ด์ง€์— ๋ฌธ์ œ์—†์ด ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. // ์‹œ๊ฐ„ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ธฐ๋Šฅfunction updateTime() { const timeElement = document.getElementById("time"); const now = new Date(); // ์‹œ๊ฐ„์„ ํ˜•์‹์— ๋งž๊ฒŒ ๊ฐ€์ ธ์˜ค๊ธฐ.. 2024. 11. 5.