Skip to content

πŸ’œ Bridge 연동 ν›„ μ΅œμ’… μ½”λ“œ

Notifications You must be signed in to change notification settings

Love-Bridge/Bridge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

03f8570 Β· Sep 7, 2023

History

32 Commits
Aug 21, 2023
Aug 18, 2023
Sep 7, 2023
Aug 18, 2023
Aug 18, 2023
Aug 18, 2023
Aug 18, 2023
Aug 21, 2023
Sep 7, 2023
Aug 18, 2023
Aug 18, 2023

Repository files navigation

Bridge

멋사 11th 쀑앙해컀톀 Bridge μ—°λ™μ½”λ“œ

배포 URL

Bridge ν™ˆνŽ˜μ΄μ§€ λ°©λ¬Έν•˜κΈ°
(μš”κΈˆ λΆ€κ³Ό 문제둜 ν˜„μž¬λŠ” λ‹«νžŒ μƒνƒœμž…λ‹ˆλ‹€.)

둜컬 싀행방법

  1. git clone λ°›κΈ°

  2. secrets.json 파일 생성

    (λͺ©μ ) λ‘œκ·ΈμΈμ„ μœ„ν•œ 파일

    (초기 μ„ΈνŒ…) Kakao Developers, NAVER Developers, Google Cloud Console 에 μ ‘μ†ν•˜μ—¬ λ§Œλ“€ 앱에 λŒ€ν•œ 각각의 ν‚€λ₯Ό λ°œκΈ‰λ°›κΈ°

    (파일 경둜) Bridge/bridge/secrets.json

    (파일 λ‚΄μš©)

    • "SECRET_KEY"λŠ” μž₯κ³  secret_key둜 settings.pyμ—μ„œ 확인 κ°€λŠ₯
    • λ”°μ˜΄ν‘œ 뢀뢄을 λ°œκΈ‰λ°›μ€ λ‚΄μš©μœΌλ‘œ μ±„μš°κΈ°
    • redirect uriλŠ” 각 μ†Œμ…œμ˜ Developersμ—μ„œ μ„€μ •ν•œ redirect uriλ₯Ό λ™μΌν•˜κ²Œ μ„€μ •ν•΄μ•Ό 함 (μ‚¬μ΄νŠΈμ— λ“€μ–΄κ°€μ„œ μ•„λž˜μ™€ 같이 μ„€μ •ν•  것)

    {
      
       "SECRET_KEY": "django-insecure-",
    
       "KAKAO_REST_API_KEY": "",
       "KAKAO_REDIRECT_URI": "http://127.0.0.1:8000/accounts/login/kakao/user/callback/",
       "KAKAO_SECRET_KEY": "",
       
       "NAVER_CLIENT_ID": "",
       "NAVER_REDIRECT_URI": "http://127.0.0.1:8000/accounts/login/naver/user/callback/",
       "NAVER_CLIENT_SECRET": "",
    
       "GOOGLE_CLIENT_ID": "",
       "GOOGLE_REDIRECT_URI": "http://127.0.0.1:8000/accounts/login/google/user/callback/",
       "GOOGLE_CLIENT_SECRET": ""
     }
  3. Bridge 폴더 μ•ˆμ—μ„œ 터미널 μ‹€ν–‰ ν›„ κ°€μƒν™˜κ²½ λ§Œλ“€κ³  켜기 (μœˆλ„μš°λŠ” git bash μ‹€ν–‰)

    # κ°€μƒν™˜κ²½ λ§Œλ“€κΈ°
    python -m venv myvenv
    # κ°€μƒν™˜κ²½ μ‹€ν–‰
    ## μœˆλ„μš°
    source myvenv/Scripts/activate
    ## λ§₯
    source myvenv/bin/activate
  4. μž₯κ³  μ„œλ²„ μ‹€ν–‰

    python manage.py runserver
  5. λ¦¬μ•‘νŠΈ μ‹€ν–‰ Bridge/Bridge-Client 폴더 μ•ˆμ—μ„œ μƒˆλ‘œμš΄ 터미널 μ‹€ν–‰ (μœˆλ„μš°λŠ” git bash μ‹€ν–‰)

    # yarn μ„€μΉ˜
    ## μœˆλ„μš°
    sudo npm install -g yarn
    ## λ§₯
    brew install yarn
    # react-scripts μΆ”κ°€
    sudo yarn add react-scripts
    # λ¦¬μ•‘νŠΈ μ‹€ν–‰
    yarn start