software

๐Ÿš€ ์ตœ์‹  ํ”„๋กœ์ ํŠธ๋ฅผ ๊ณต์œ ํ•˜๊ฒŒ ๋˜์–ด ๊ธฐ์ฉ๋‹ˆ๋‹ค: Weather Sounds! Kiro ์‚ฌ์šฉ!!!

๋ฐœํ–‰: (2025๋…„ 12์›” 14์ผ ์˜คํ›„ 12:57 GMT+9)
1 min read
์›๋ฌธ: Dev.to

Source: Dev.to

Cover image for ๐Ÿš€ Excited to share my latest project: Weather Sounds! Using Kiro!!!

๊ฐœ์š”

์ด ์‹คํ—˜์ ์ธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ํฅ๋ฏธ๋กœ์šด ์งˆ๋ฌธ์„ ํƒ๊ตฌํ•ฉ๋‹ˆ๋‹ค: โ€œ๋‚ ์”จ๊ฐ€ ์˜ค๋Š˜์˜ ์Œ์•…์„ ์ž‘๊ณกํ•œ๋‹ค๋ฉด, ์–ด๋–ค ์†Œ๋ฆฌ๊ฐ€ ๋‚ ๊นŒ์š”?โ€

๊ธฐ์ˆ  ํ•˜์ด๋ผ์ดํŠธ

  • Vanilla JavaScript (ํ”„๋ ˆ์ž„์›Œํฌ ์—†์Œ)
  • ํ…Œ์ŠคํŠธ๋‹น 100ํšŒ ์ด์ƒ์˜ ๋ฐ˜๋ณต์„ ๊ฐ–๋Š” ์†์„ฑ ๊ธฐ๋ฐ˜ ํ…Œ์ŠคํŠธ
  • ์ง€๋Šฅํ˜• ํด๋ฐฑ์„ ํฌํ•จํ•œ ๋‹ค์ค‘ API ๋‚ ์”จ ํ†ตํ•ฉ
  • ์ •๊ตํ•œ ๋„๋ฉ”์ธ ๊ฐ„ ์ถ”๋ก  ์•Œ๊ณ ๋ฆฌ์ฆ˜

์†Œ์Šค ์ฝ”๋“œ:

Back to Blog

๊ด€๋ จ ๊ธ€

๋” ๋ณด๊ธฐ ยป

JavaScript์—์„œ ์ผ๊ธ‰ ํ•จ์ˆ˜

์†Œ๊ฐœ ๊ฐœ๋ฐœ์ž๋“ค์ด JavaScript๋ฅผ ๋ฐฐ์šฐ๋ฉด์„œ โ€œfirstโ€‘class functionsโ€๋ผ๋Š” ์šฉ์–ด๊ฐ€ ํ† ๋ก ๊ณผ ๋ฌธ์„œ์—์„œ ์ž์ฃผ ๋“ฑ์žฅํ•ฉ๋‹ˆ๋‹ค. JavaScript์—์„œ ํ•จ์ˆ˜๋Š” โ€ฆ

์ƒˆ๋กœ์šด Snap.svg๋ฅผ ์‚ฌ์šฉํ•œ ์Šคํƒ€์ผ๋ง ๋ฐ ์†์„ฑ (๊ธฐ์ดˆ - ํŒŒํŠธ 2)

์ด๊ฒƒ์€ ์šฐ๋ฆฌ Snap.svg ์‹œ๋ฆฌ์ฆˆ์˜ ๋‘ ๋ฒˆ์งธ ํŠœํ† ๋ฆฌ์–ผ์ž…๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ๋ถ€๋ถ„์—์„œ๋Š” g, g_a, ๊ทธ๋ฆฌ๊ณ  Snap.FORCE_AFTER๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ณ„์ธต์ ์ธ SVG ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์ด์ œ...

Media Downloader: ๊ฐ„๋‹จํ•œ ์›น ๋„๊ตฌ ์ด๋ฏธ์ง€ ๋ฐ ๋น„๋””์˜ค ์ฒ˜๋ฆฌ !!!

์†Œ๊ฐœ ๊ฐœ๋ฐœ์ž๋กœ์„œ ์šฐ๋ฆฌ๋Š” ์ข…์ข… ๋ฏธ๋””์–ด๋ฅผ ๋น ๋ฅด๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋‹ค์šด๋กœ๋“œํ•  ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹คโ€”์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ง•์ด๋“ , ์†Œ์…œ ํ”Œ๋žซํผ์šฉ ์ž์‚ฐ์„ ์ค€๋น„ํ•˜๋“ , ํ˜น์€ ์‹คํ—˜์ด๋“ ...