Skip to content

NaviPNU/Navicode_FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“ฑ NaviCode App - ์ˆซ์ž ์ฝ”๋“œ ๊ธฐ๋ฐ˜ ์œ„์น˜ ๊ฒ€์ƒ‰ ์•ฑ (React Native)

NaviCode๋Š” ์ฃผ์†Œ๋‚˜ ์žฅ์†Œ๋ช…์„ ์ž…๋ ฅํ•˜์ง€ ์•Š์•„๋„,
์ˆซ์ž ์ฝ”๋“œ๋งŒ ์ž…๋ ฅํ•ด์„œ ์žฅ์†Œ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ณ , ๊ธธ์ฐพ๊ธฐ๊นŒ์ง€ ์—ฐ๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋ฐ”์ผ ์•ฑ์ž…๋‹ˆ๋‹ค.
์ดˆ์„ฑ๊ฒ€์ƒ‰ยท์Œ์„ฑ๊ฒ€์ƒ‰์ฒ˜๋Ÿผ ๊ฒ€์ƒ‰ ๋ฐฉ๋ฒ•์„ ๋‹ค์–‘ํ™”ํ•˜๋Š” ๋ถ€๊ฐ€ ์„œ๋น„์Šค๋กœ์จ,
์ˆซ์ž ๊ธฐ๋ฐ˜ ๊ฒ€์ƒ‰ ๋ฐฉ์‹์„ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค.


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

  • ๐Ÿ”ข ์ˆซ์ž ์ฝ”๋“œ ์ž…๋ ฅ์œผ๋กœ ์œ„์น˜ ๊ฒ€์ƒ‰
    • ์ •์  ์ฝ”๋“œ: ํ•˜๋‚˜์˜ ๊ณ ์ •๋œ ์œ„์น˜ ๋ฐ˜ํ™˜
    • ๋™์  ์ฝ”๋“œ: GPS ๊ธฐ์ค€์œผ๋กœ ๊ฐ€๊นŒ์šด ์žฅ์†Œ ์—ฌ๋Ÿฌ ๊ฐœ ์ถ”์ฒœ
  • ๐Ÿ“ ํ˜„์žฌ ์œ„์น˜ ์ •๋ณด ๊ธฐ๋ฐ˜ ๋™์ž‘ ๋ถ„๊ธฐ
  • ๐Ÿ—บ ์™ธ๋ถ€ ์ง€๋„ ์•ฑ(๋„ค์ด๋ฒ„, ์นด์นด์˜ค, ํ‹ฐ๋งต ๋“ฑ) ์—ฐ๋™ ๊ธธ์ฐพ๊ธฐ
  • โœจ ๊ฐ„๋‹จํ•˜๊ณ  ์ง๊ด€์ ์ธ UI
  • โŒ ์ž˜๋ชป๋œ ์ฝ”๋“œ ์ž…๋ ฅ ์‹œ ์˜ค๋ฅ˜ ์•ˆ๋‚ด

๐Ÿ“ฑ ์•ฑ ํ™”๋ฉด ๊ตฌ์„ฑ

ํ™”๋ฉด ๊ธฐ๋Šฅ
ํ™ˆ ํ™”๋ฉด ์ˆซ์ž ์ฝ”๋“œ ์ž…๋ ฅ UI, ์œ„์น˜ ๊ถŒํ•œ ์š”์ฒญ
๊ฒฐ๊ณผ ํ™”๋ฉด (์ •์ ) ๋‹จ์ผ ์žฅ์†Œ ์ •๋ณด ํ‘œ์‹œ + ๊ธธ์ฐพ๊ธฐ ๋ฒ„ํŠผ
๊ฒฐ๊ณผ ํ™”๋ฉด (๋™์ ) ์žฅ์†Œ ๋ฆฌ์ŠคํŠธ ๊ฑฐ๋ฆฌ์ˆœ ํ‘œ์‹œ + ๊ฐ ์žฅ์†Œ์— ๊ธธ์ฐพ๊ธฐ ๋ฒ„ํŠผ
์˜ค๋ฅ˜ ํ™”๋ฉด ์ฝ”๋“œ๊ฐ€ ์—†๊ฑฐ๋‚˜, ์œ„์น˜ ๊ถŒํ•œ ๊ฑฐ๋ถ€ ์‹œ ์•ˆ๋‚ด ํ‘œ์‹œ

๐Ÿ›  ์‚ฌ์šฉ ๊ธฐ์ˆ 

  • React Native
  • Expo (๊ฐœ๋ฐœ ๋ฐ ํ…Œ์ŠคํŠธ ๊ฐ„ํŽธํ™”)
  • TypeScript (์ •์  ํƒ€์ž… ์ด์šฉ)
  • axios โ€“ ๋ฐฑ์—”๋“œ API ํ˜ธ์ถœ
  • expo-location โ€“ GPS ์ •๋ณด ์ ‘๊ทผ
  • react-navigation โ€“ ํ™”๋ฉด ๊ฐ„ ์ด๋™

๐Ÿš€ ์•ฑ ์‹คํ–‰ ๋ฐฉ๋ฒ•

โœ… 1. ํ”„๋กœ์ ํŠธ ํด๋ก  ๋ฐ ์˜์กด์„ฑ ์„ค์น˜

npx create-expo-app NaviCodeApp
cd NaviCodeApp
npm install

โœ… 2. Expo ์‹คํ–‰

npx expo start
  • Android: Expo Go ์•ฑ ์„ค์น˜ ํ›„ QR์ฝ”๋“œ ์Šค์บ”
  • iOS: ๋™์ผํ•˜๊ฒŒ Expo Go ์•ฑ์—์„œ ์‹คํ–‰

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published