Skip to content
@I-love-MU

I love MU

๐ŸŽญ ๋ฉ‹์Ÿ์ด ์‚ฌ์ž์ฒ˜๋Ÿผ 2์ฐจ ํ”„๋กœ์ ํŠธ

React๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์—ฐ๊ทน, ์ฝ˜์„œํŠธ, ์ „์‹œ ๋“ฑ ๋‹ค์–‘ํ•œ ๋ฌธํ™” ์ฝ˜ํ…์ธ ๋ฅผ ํƒ์ƒ‰ํ•˜๊ณ  ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ์›น ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.


๐Ÿ“Œ ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

์ด ํ”„๋กœ์ ํŠธ๋Š” ๊ณต๊ณต๋ฐ์ดํ„ฐ ํฌํ„ธ์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ฌธํ™” ์ •๋ณด API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋‹ค์–‘ํ•œ ๋ฌธํ™” ์ฝ˜ํ…์ธ ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ฃผ์š” ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

  • ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ํ•„ํ„ฐ๋ง: ๊ณต์—ฐ, ์ „์‹œ, ์ฒดํ—˜ ๋“ฑ ๊ด€์‹ฌ ์žˆ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ ์„ ํƒ
  • ๊ธฐ๊ฐ„๋ณ„ ๊ฒ€์ƒ‰: ์›ํ•˜๋Š” ๋‚ ์งœ ๋ฒ”์œ„ ๋‚ด์˜ ์ด๋ฒคํŠธ ํƒ์ƒ‰
  • ์œ„์น˜ ๊ธฐ๋ฐ˜ ๊ฒ€์ƒ‰:
    • ํ˜„์žฌ ์œ„์น˜ ๋ฐ˜๊ฒฝ ๋‚ด์˜ ์ด๋ฒคํŠธ ์ฐพ๊ธฐ
    • ์ง€์ •ํ•œ ์œ„์น˜ ์ฃผ๋ณ€์˜ ์ด๋ฒคํŠธ ๊ฒ€์ƒ‰

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

  • ๋””์ž์ธ: ํ”„๋กœ์ ํŠธ ํ”ผ๊ทธ๋งˆ ๋งํฌ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • ํ”„๋ก ํŠธ์—”๋“œ: React
  • API: ๊ณต๊ณต๋ฐ์ดํ„ฐ ํฌํ„ธ API
  • ์ง€๋„ ์„œ๋น„์Šค: Google Maps API Google Places API

๐ŸŒŸ ์ฃผ์š” ๊ธฐ๋Šฅ

  1. ๋ฌธํ™” ์ฝ˜ํ…์ธ  ๊ฒ€์ƒ‰ ๋ฐ ํ•„ํ„ฐ๋ง

    • ์‚ฌ์šฉ์ž๋Š” ๊ด€์‹ฌ ์žˆ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ์™€ ๊ธฐ๊ฐ„์„ ์„ ํƒํ•˜์—ฌ ์›ํ•˜๋Š” ๋ฌธํ™” ์ฝ˜ํ…์ธ ๋ฅผ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  2. ์œ„์น˜ ๊ธฐ๋ฐ˜ ์„œ๋น„์Šค

    • ํ˜„์žฌ ์œ„์น˜ ๊ธฐ๋ฐ˜: ์‚ฌ์šฉ์ž์˜ ํ˜„์žฌ ์œ„์น˜๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ์ฃผ๋ณ€์˜ ๋ฌธํ™” ์ด๋ฒคํŠธ๋ฅผ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค.
    • ์ง€์ • ์œ„์น˜ ๊ธฐ๋ฐ˜: ์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ ์œ„์น˜ ์ฃผ๋ณ€์˜ ์ด๋ฒคํŠธ๋ฅผ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  3. ์ƒ์„ธ ์ •๋ณด ์ œ๊ณต

    • ๊ฐ ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์ƒ์„ธ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ, ์™ธ๋ถ€ ๋งํฌ๋ฅผ ํ†ตํ•ด ์ถ”๊ฐ€ ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“ธ ์‹ค์ œ ์ž‘๋™ ํ™”๋ฉด

ํ™ˆ ํ™”๋ฉด ์ƒ์„ธ ํŽ˜์ด์ง€ ์œ„์น˜ ๊ธฐ๋ฐ˜ ๊ฒ€์ƒ‰
image 428273176-6693eb67-194a-46c0-9565-e1d084cce3c1 image

์œ„ ์ด๋ฏธ์ง€๋Š” ์‹ค์ œ ์ž‘๋™ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์˜ ํ™”๋ฉด ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค.


Popular repositories Loading

  1. React React Public

    ์—ฐ๊ทน, ์ฝ˜์„œํŠธ, ์ „์‹œ ๋“ฑ์˜ ๋ฌธํ™” ์ •๋ณด๋ฅผ ํƒ์ƒ‰ํ•˜๋Š” ์›น ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

    JavaScript 3

  2. .github .github Public

Repositories

Showing 2 of 2 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ