Skip to content

Latest commit

Β 

History

History
80 lines (63 loc) Β· 2.26 KB

File metadata and controls

80 lines (63 loc) Β· 2.26 KB

πŸ“š ν”„λ‘œμ νŠΈ μ†Œκ°œ

μ‚¬μš©μžμ—κ²Œ λ‰΄μŠ€ μš”μ•½ 및 뢄석, 금육 정보λ₯Ό μ œκ³΅ν•˜λŠ” SNS μ„œλΉ„μŠ€μž…λ‹ˆλ‹€. λ‰΄μŠ€ 및 금육 데이터 API와 ν†΅ν•©λ˜μ–΄ μ‚¬μš©μž λ§žμΆ€ν˜• 정보λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

μ£Όμš” κΈ°λŠ₯

  • μ΅œμ‹  λ‰΄μŠ€ μš”μ•½ 제곡
  • 금육 정보 μ‹œκ°ν™” 및 뢄석
  • μ‚¬μš©μž λ§žμΆ€ν˜• μΆ”μ²œ κΈ°λŠ₯
  • λ‰΄μŠ€ 및 금육 정보λ₯Ό κ³΅μœ ν•˜κ³  ν† λ‘ ν•  수 μžˆλŠ” SNS κΈ°λŠ₯

πŸ’» 개발 ν™˜κ²½

ν•„μˆ˜ 개발 도ꡬ 및 버전

  • Node.js: 버전 22
  • Next.js: 버전 14
  • NPM: μ˜μ‘΄μ„± 관리λ₯Ό μœ„ν•΄ μ‚¬μš©

🀝 μ˜μ‘΄μ„± μ„€μΉ˜

ν”„λ‘œμ νŠΈμ˜ μ˜μ‘΄μ„±μ€ npm을 톡해 κ΄€λ¦¬λ©λ‹ˆλ‹€. λ‹€μŒ λͺ…λ Ήμ–΄λ‘œ ν•„μš”ν•œ νŒ¨ν‚€μ§€λ₯Ό μ„€μΉ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€:

npm install

μ˜μ‘΄μ„± λ¦¬μŠ€νŠΈλŠ” package.json νŒŒμΌμ— μ •μ˜λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

βš™οΈ ν™˜κ²½ λ³€μˆ˜ μ„€μ •

ν™˜κ²½ λ³€μˆ˜λŠ” ν”„λ‘œμ νŠΈ 루트 폴더에 μœ„μΉ˜ν•œ .env.local νŒŒμΌμ—μ„œ κ΄€λ¦¬λ©λ‹ˆλ‹€. λ‹€μŒκ³Ό 같은 ν™˜κ²½ λ³€μˆ˜λ₯Ό μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€:

ALPHA_VANTAGE_API_KEY=demo
HUGGINGFACE_API_KEY=demo
ALPHA_VANTAGE_BACKEND_URL=demo

➑️ λΉŒλ“œ 및 μ‹€ν–‰

npm run dev

개발 μ„œλ²„λ₯Ό μ‹œμž‘ν•˜κ³ , μ½”λ“œ λ³€κ²½ μ‹œ μžλ™μœΌλ‘œ λ¦¬λ‘œλ“œλ˜λŠ” λͺ…λ Ήμ–΄μž…λ‹ˆλ‹€.

πŸ—‚οΈ 폴더 ꡬ쑰

src/
  β”œβ”€β”€ app/
  β”‚   β”œβ”€β”€ layout.js
  β”‚   └── page.js
  β”œβ”€β”€ news/
  β”‚   └── page.js
  β”œβ”€β”€ stock/
  β”‚   └── page.js
  β”œβ”€β”€ coin/
  β”‚   └── page.js
  β”œβ”€β”€ components/
  β”‚   β”œβ”€β”€ news/
  β”‚   β”œβ”€β”€ stock/
  β”‚   β”œβ”€β”€ coin/
  β”‚   └── layout/
  β”œβ”€β”€ hooks/
  β”œβ”€β”€ pages/
  β”‚   └── api/
  β”œβ”€β”€ store/
  β”œβ”€β”€ styles/
  β”‚   └── globals.css
  └── utils/
  • app/: μ£Όμš” μ• ν”Œλ¦¬μΌ€μ΄μ…˜ νŽ˜μ΄μ§€μ™€ λ ˆμ΄μ•„μ›ƒ 파일이 ν¬ν•¨λ©λ‹ˆλ‹€.
  • components/: 곡톡 μ»΄ν¬λ„ŒνŠΈμ™€ λ ˆμ΄μ•„μ›ƒ κ΄€λ ¨ νŒŒμΌλ“€μ΄ ν¬ν•¨λ©λ‹ˆλ‹€.
  • hooks/: μ»€μŠ€ν…€ React 훅이 ν¬ν•¨λ©λ‹ˆλ‹€.
  • pages/: API λΌμš°νŠΈμ™€ 기타 νŽ˜μ΄μ§€ κ΄€λ ¨ νŒŒμΌλ“€μ΄ ν¬ν•¨λ©λ‹ˆλ‹€.
  • store/: μƒνƒœ 관리 κ΄€λ ¨ νŒŒμΌλ“€μ΄ ν¬ν•¨λ©λ‹ˆλ‹€.
  • styles/: μ „μ—­ μŠ€νƒ€μΌ 파일이 ν¬ν•¨λ©λ‹ˆλ‹€.
  • utils/: μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ“€μ΄ ν¬ν•¨λ©λ‹ˆλ‹€.