๐Ÿ”ฅ ์ง€๊ธˆ ํ•ซํ•œ ์ฝ”์ธ ์ˆœ์œ„

์‚ฌ์ดํŠธ ์†Œ๊ฐœ

๐Ÿ”ฅ ์‚ฌ์ดํŠธ ์†Œ๊ฐœ

์ง€๊ธˆ ๊ฐ€์žฅ '๋œจ๊ฑฐ์šด' ์ฝ”์ธ, ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ™•์ธํ•˜์„ธ์š”

์‹ค์‹œ๊ฐ„ ์•”ํ˜ธํ™”ํ ์ˆœ์œ„ โ€“ ํ•ซํ•œ ์ฝ”์ธ ๋ชจ๋‹ˆํ„ฐ๋ง

์‹œ์žฅ์˜ ํ๋ฆ„์„ ๋ˆ„๊ตฌ๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ์ฝ๊ณ  ์‹ถ๋‹ค๋ฉด?

์ด ์‚ฌ์ดํŠธ๋Š” ํ•ด์™ธ๊ฑฐ๋ž˜์†Œ API๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ, ์ง€๊ธˆ ์ด ์ˆœ๊ฐ„ ํ•ด์™ธ๊ฑฐ๋ž˜์†Œ์—์„œ ํ•ซํ•œ ์ฝ”์ธ์„ ํ•œ๋ˆˆ์— ๋ณด์—ฌ์ฃผ๋Š” ์‹ค์‹œ๊ฐ„ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

๋‹จ์ˆœํ•œ ๊ฐ€๊ฒฉ ๋น„๊ต๋ฅผ ๋„˜์–ด, ๋กฑ์ˆ ๋น„์œจ, ์ˆœ์œ„ ๋ณ€๋™, ํ•œ๋ˆˆ์— ๋ณด๋Š” ์›ํ™”/๋‹ฌ๋Ÿฌ ๊ฐ€๊ฒฉ๊นŒ์ง€. ํ•˜๋ฃจ์—๋„ ์ˆ˜์—†์ด ๋ณ€ํ•˜๋Š” ์‹œ์žฅ, 5๋ถ„ ๋‹จ์œ„ ์—…๋ฐ์ดํŠธ๋กœ ํˆฌ์ž ํƒ€์ด๋ฐ์„ ๋†“์น˜์ง€ ๋งˆ์„ธ์š”.

๐Ÿ” ํ•ต์‹ฌ ๊ธฐ๋Šฅ ์š”์•ฝ

๐Ÿ“Š ์‹ค์‹œ๊ฐ„ ๊ฑฐ๋ž˜๋Ÿ‰ ์ˆœ์œ„

ํ•ด์™ธ๊ฑฐ๋ž˜์†Œ ๊ธฐ์ค€, ํ•ด์™ธ๊ฑฐ๋ž˜์†Œ์—์„œ ํ•ซํ•œ ์ฝ”์ธ์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ถ”์ถœ

ํ˜„์žฌ ์‹œ์žฅ์˜ 'ํ•ซํ•œ' ์ฝ”์ธ์„ ๋น ๋ฅด๊ฒŒ ํŒŒ์•… ๊ฐ€๋Šฅ

๐Ÿ“ˆ ์ŠคํŒŒํฌ๋ผ์ธ ์ฐจํŠธ

24์‹œ๊ฐ„ ๊ฐ€๊ฒฉ ๋ณ€๋™์„ 1์‹œ๊ฐ„ ๊ฐ„๊ฒฉ์œผ๋กœ ์‹œ๊ฐํ™”

๋ฉ”์ธ ๋ฆฌ์ŠคํŠธ์™€ ๋ชจ๋‹ฌ์—์„œ ๊ฐ๊ฐ ์ตœ์ ํ™”๋œ ์ฐจํŠธ ์ œ๊ณต

๐Ÿ”ฎ AI ์ถ”์ฒœ ์‹œ์Šคํ…œ

๊ฑฐ๋ž˜๋Ÿ‰, ๋ณ€๋™์„ฑ, ์ƒ์Šน๋ฅ ์„ ์ข…ํ•ฉํ•œ AI ์ ์ˆ˜ ์ œ๊ณต

4์  ์ด์ƒ์˜ ์ฝ”์ธ์„ AI PICK์œผ๋กœ ์ถ”์ฒœ

๐Ÿ“Š ๋กฑ์ˆ ๋น„์œจ ๋ถ„์„

์ƒ์œ„ ์ฝ”์ธ๋“ค์˜ ํˆฌ์ž ์‹ฌ๋ฆฌ ๋ถ„์„

์‹œ๊ฐ์  ๊ทธ๋ž˜ํ”„๋กœ ํŠธ๋ ˆ์ด๋”์˜ ๋ฐฉํ–ฅ์„ฑ ํŒŒ์•…

๐Ÿ”„ ์‹ค์‹œ๊ฐ„ ์ˆœ์œ„ ๋ณ€๋™

์ฝ”์ธ๋ณ„ ์ƒ์Šน โ†—๏ธ, ํ•˜๋ฝ โ†˜๏ธ, ์œ ์ง€ โž–, ์‹ ๊ทœ ๐Ÿ†• ํ‘œ์‹œ

์ง๊ด€์ ์ธ UI๋กœ ์‹œ์žฅ ํ๋ฆ„ ํ•œ๋ˆˆ์— ํŒŒ์•…

๐Ÿ“ฑ ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™”

๋ฐ˜์‘ํ˜• ๋””์ž์ธ์œผ๋กœ ๋ชจ๋“  ๊ธฐ๊ธฐ์—์„œ ์พŒ์ ํ•œ ์‚ฌ์šฉ์„ฑ

๋“œ๋ž˜๊ทธ ์Šคํฌ๋กค๊ณผ ํ„ฐ์น˜ ์ตœ์ ํ™”

๐Ÿ› ๏ธ ๊ธฐ์ˆ  ์Šคํƒ

Frontend

  • HTML5 - ์‹œ๋งจํ‹ฑ ๋งˆํฌ์—…๊ณผ ์ ‘๊ทผ์„ฑ ๊ณ ๋ ค
  • CSS3 - ๋ชจ๋˜ํ•œ ๋””์ž์ธ๊ณผ ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ
  • JavaScript ES6+ - ๋ชจ๋“ˆํ™”๋œ ๊ตฌ์กฐ์™€ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ
  • SVG ์ฐจํŠธ - ์ปค์Šคํ…€ ์ŠคํŒŒํฌ๋ผ์ธ ์ฐจํŠธ ๊ตฌํ˜„

API & ๋ฐ์ดํ„ฐ

  • Bybit API - ์‹ค์‹œ๊ฐ„ ์•”ํ˜ธํ™”ํ ๋ฐ์ดํ„ฐ
  • CoinGecko API - ์ •ํ™•ํ•œ ์‹œ๊ฐ€์ด์•ก ์ •๋ณด
  • Exchange Rate API - ์‹ค์‹œ๊ฐ„ USD/KRW ํ™˜์œจ
  • RESTful API ํ†ต์‹  - ํšจ์œจ์ ์ธ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ

์„ฑ๋Šฅ ์ตœ์ ํ™”

  • ์ž๋™ ์ƒˆ๋กœ๊ณ ์นจ - 5๋ถ„๋งˆ๋‹ค ๋ฐ์ดํ„ฐ ์—…๋ฐ์ดํŠธ
  • ๋กœ๋”ฉ ์ƒํƒœ ๊ด€๋ฆฌ - ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ํ–ฅ์ƒ
  • ์—๋Ÿฌ ์ฒ˜๋ฆฌ - API ์‹คํŒจ ์‹œ ๋Œ€์ฒด ๋ฐ์ดํ„ฐ ์ œ๊ณต
  • ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™” - ํ„ฐ์น˜ ์ธํ„ฐํŽ˜์ด์Šค ์ง€์›

๐Ÿ“ฑ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜

์ด ์‚ฌ์ดํŠธ๋Š” ์‚ฌ์šฉ์ž ์ค‘์‹ฌ์˜ ๋””์ž์ธ ์ฒ ํ•™์„ ๋ฐ”ํƒ•์œผ๋กœ ์ œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊น”๋”ํ•˜๊ณ  ์ง๊ด€์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค, ๋น ๋ฅธ ๋กœ๋”ฉ ์†๋„, ๊ทธ๋ฆฌ๊ณ  ๋ชจ๋ฐ”์ผ ์นœํ™”์ ์ธ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ๊ธฐ๊ธฐ์—์„œ ํŽธ๋ฆฌํ•˜๊ฒŒ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฃผ์š” UX ํŠน์ง•:

  • ๐ŸŒ™ ๋‹คํฌ/๋ผ์ดํŠธ ๋ชจ๋“œ ์ง€์›
  • ๐Ÿ“ฑ ๋ชจ๋ฐ”์ผ ๋“œ๋ž˜๊ทธ ์Šคํฌ๋กค ์ตœ์ ํ™”
  • ๐Ÿ“Š ์‹ค์‹œ๊ฐ„ ์ŠคํŒŒํฌ๋ผ์ธ ์ฐจํŠธ
  • ๐Ÿ”ฎ AI ์ถ”์ฒœ ์‹œ์Šคํ…œ
  • โšก 5๋ถ„ ์ž๋™ ์—…๋ฐ์ดํŠธ
  • ๐ŸŽฏ ์ง๊ด€์ ์ธ ๋ฉ”๋‰ด ์‹œ์Šคํ…œ
  • ๐Ÿ“ˆ ๋ณ€๋™๋ฅ  ํ™”์‚ดํ‘œ ํ‘œ์‹œ

๐Ÿ”’ ๋ณด์•ˆ ๋ฐ ์•ˆ์ •์„ฑ

๊ณต๊ฐœ API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์•ˆ์ „ํ•˜๊ณ  ํˆฌ๋ช…ํ•œ ๋ฐ์ดํ„ฐ ์ œ๊ณต์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. API ์š”์ฒญ ์ œํ•œ์„ ์ค€์ˆ˜ํ•˜์—ฌ ์•ˆ์ •์ ์ธ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ, ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ์™€ ํด๋ฐฑ ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ํ†ตํ•ด ์„œ๋น„์Šค์˜ ์—ฐ์†์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ์ธ์ •๋ณด ์ˆ˜์ง‘ ์—†์ด ์ˆœ์ˆ˜ํ•˜๊ฒŒ ๊ณต๊ฐœ ๋ฐ์ดํ„ฐ๋งŒ์„ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ํ”„๋ผ์ด๋ฒ„์‹œ๋ฅผ ๋ณดํ˜ธํ•ฉ๋‹ˆ๋‹ค.

๐ŸŽฏ ๋ฏธ๋ž˜ ๊ณ„ํš

์‚ฌ์šฉ์ž ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ง€์†์ ์œผ๋กœ ์„œ๋น„์Šค๋ฅผ ๊ฐœ์„ ํ•ด ๋‚˜๊ฐˆ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๐Ÿ  ๋ฉ”์ธ์œผ๋กœ ๋Œ์•„๊ฐ€๊ธฐ