Getting Started - dnd-side-project/dnd-8th-1-frontend GitHub Wiki

πŸ’» localhost.pem, localhost-key.pem Download(for window)

  1. install mkcert
choco install mkcert
  1. 루트 CA 에 mkcert μΆ”κ°€
mkcert -install
  1. μΈμ¦μ„œ 생성
mkcert \
-cert-file localhost.pem \
-key-file localhost-key.pem \
*.danverse.vercel.app danverse.vercel.app

πŸ™†β€β™€οΈ Getting Started

  • node version - 16.18.1
  • platform - mac, window λ“±

  1. λ ˆν¬μ§€ν† λ¦¬ 클둠
git clone https://github.com/dnd-side-project/dnd-8th-1-frontend.git

  1. localhost.pem, localhost-key.pem Download (mac μœ μ €λ§Œ ν•΄λ‹Ήλ˜λ©°, window μœ μ €μΌ 경우 μœ„ localhost.pem, localhost-key.pem Download μ„Ήμ…˜ μ°Έκ³  ν•˜μ„Έμš”!)
yarn init-https

  1. ν™˜κ²½ λ³€μˆ˜ 파일 μΆ”κ°€(.env.development)
NEXT_PUBLIC_API_END_POINT=https://danverse.o-r.kr/
NEXT_PUBLIC_GOOGLE_CLIENT_ID=660329626176-s20348mpdpcu5gojab3g4jl92lphm7n3.apps.googleusercontent.com
NEXT_PUBLIC_GOOGLE_REDIRECT_URI=https://localhost:3001/oauth/callback
NEXT_PUBLIC_GOOGLE_CLIENT_SECREET=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

  1. yarn 버전 확인 ν›„ yarn 1.x 버전일 경우 적용
yarn set version berry

  1. vs code extension ZipFS μ„€μΉ˜
image

  1. vs code allow μ„€μ •
image
  • λ‹€μŒκ³Ό 같은 λ°•μŠ€κ°€ λ‘œλ“œ λœλ‹€λ©΄ allow 클릭

  1. yarn berry unplug file μ„€μΉ˜
yarn unplug

  1. local μ‹€ν–‰
yarn dev

  1. storybook μ‹€ν–‰
yarn storybook

πŸš€ Deploy URL

Danverse URL

⚠️ **GitHub.com Fallback** ⚠️