[TIL] 221207

BeanxxΒ·2022λ…„ 12μ›” 7일
1

TIL

λͺ©λ‘ 보기
111/120
post-thumbnail

πŸ”₯ 였늘 ν•œ 일

  • Go!Street 개인 ν”Œμ  Heroku β†’ fly.io 배포 λ§ˆμ΄κ·Έλ ˆμ΄μ…˜
  • [TS ν”Œμ ]
    • 16:40~18:30 ν”Œμ  회의 (λ¬΄ν•œμŠ€ν¬λ‘€ κΈ°λŠ₯ λ“±)
    • fly.io둜 client&server 배포

🚨 Error Handling

πŸ¦‹ fly.ioλ₯Ό μ΄μš©ν•˜μ—¬ client & server λ™μ‹œ λ°°ν¬ν•˜κΈ°

Heroku둜 λ°°ν¬ν•œ μ‚¬μ΄νŠΈλ₯Ό fly.io 배포둜 λ§ˆμ΄κ·Έλ ˆμ΄μ…˜μ„ ν•˜λ©΄μ„œ μ‹œκ°„μ€ 였래 κ±Έλ Έμ§€λ§Œ 과정은 생각보닀 μ‹¬ν”Œν•œ 것 κ°™μ•„μ„œ λΉ λ₯΄κ²Œ 정리~!

brew install flyctl # mac에 flyctl μ„€μΉ˜
flyctl auth signup # νšŒμ›κ°€μž…
flyctl auth login # 둜그인
flyctl launch # μ„€μΉ˜
flyctl deploy # 배포

# ν™˜κ²½λ³€μˆ˜ μ„€μ •
flyctl secrets set MONGO_URI="mongodb+srv://~~"
flyctl secrets list # μ„€μ •ν•œ ν™˜κ²½λ³€μˆ˜ λͺ©λ‘ ν™•μΈν•˜κΈ°
# μ›λžœ 값을 적을 λ•Œ λ”°μ˜΄ν‘œλ₯Ό μ•ˆ 적어도 λ˜λŠ”λ° db λ§ν¬λŠ” κΈΈμ–΄μ„œ κ·ΈλŸ°μ§€
# λ”°μ˜΄ν‘œ μ•ˆ μ“°λ‹ˆκΉŒ 계속 ν™˜κ²½λ³€μˆ˜ 섀정이 μ•ˆλ˜μ„œ μ—¬κΈ°μ„œλ„ μ’€ ν—€λ§Έλ‹€,, 

fly.io둜 λ°°ν¬ν•˜λŠ” κ³Όμ •μ—μ„œ μ‹œκ°„μ΄ κ½€ κ±Έλ Έλ‹€.. κ·Έλž˜μ„œ 배포 μ„±κ³΅λ˜κΈΈ 기닀리닀가 Dead κΈ€μžλ₯Ό 봀을 λ•Œμ˜ 심정은 μ°Έ,, γ…Ž

dead

λ§Žμ€ μ—λŸ¬λ“€μ΄ λ‚˜μ„œ λͺ‡λ²ˆμ΄λ‚˜ λ‹€μ‹œ 배포 μ‹œλ„λ₯Ό ν–ˆμ—ˆλŠ”λ° κ·Έ 쀑 μ•„λž˜μ™€ 같은 μ—λŸ¬μ˜ 경우 fly.io에 mongoDB에 λŒ€ν•œ ν™˜κ²½λ³€μˆ˜λ₯Ό 섀정해주지 μ•Šμ•„μ„œ λ‹Ήμ—°νžˆ μ—λŸ¬κ°€ λ‚  수 밖에 μ—†λ˜ κ²ƒμž„,,πŸ₯²

deploy error1

계속 μ‚½μ§ˆν•˜λ‹€κ°€ λ¨Όκ°€ μ§„ν–‰λ˜λŠ” 것 같은 λ‚˜μ˜μ§€ μ•Šμ€ 이 λŠλ‚Œ λ•Œλ¬Έμ— κ°œλ°œμžκ°€ 되고 싢은 κ±Έ μˆ˜λ„,, πŸ™‰
μ—λŸ¬ λ‚  λ•Œλ§ˆλ‹€ μ‘°κΈˆμ”© μˆ˜μ •ν•˜λ‹€ λ³΄λ‹ˆκΉŒ λ“œλŽŒ 1 healthy successfully !! 😭

deploy success

✚ 일반적인 배포 μ„±κ³΅ν•˜κ³  githubμ—μ„œ pushν•  λ•Œ μžλ™ λ°°ν¬ν™”κΉŒμ§€ ν•˜κ³  μ‹Άμ–΄μ„œ github workflows 섀정도 ν•΄μ£Όμ—ˆλ‹€!

1. flyctl auth token # token λ°œκΈ‰ (터미널에 λͺ…λ Ήμ–΄λ₯Ό 치면 토큰을 λ°œκΈ‰ν•΄μ€€λ‹€!)
2. Github repository -> Setting -> Aecrets -> Actions
	1λ²ˆμ—μ„œ λ°œκΈ‰λ°›μ€ token을 FLY_API_TOKEN μ΄λ¦„μœΌλ‘œ 섀정해두기
3. 루트 폴더 μ•„λž˜μ— .github/workflows/fly.yml 파일 μΆ”κ°€
# .github/workflows/fly.yml

name: Fly Deploy
on:
  push:
    branches:
      - dev
env:
  FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
jobs:
  deploy:
      name: Deploy app
      runs-on: macos-latest
      steps:
        - uses: actions/checkout@v3
        - uses: superfly/flyctl-actions/setup-flyctl@master
        - run: cd App && flyctl deploy --remote-only
        # fly.tomlκ°€ μžˆλŠ” κ²½λ‘œκΉŒμ§€ μ΄λ™ν•΄μ€˜μ•Ό 찾을 수 있음
        # 첨엔 cd App λͺ…λ Ήμ–΄ 없이 μ‹€ν–‰μ‹œν‚€λ‹ˆκΉŒ fly.toml νŒŒμΌμ„ 찾지 λͺ»ν–ˆμŒ,,

배포 성곡 μœ λ¬΄μ— ν”„λ‘œμ νŠΈ 폴더 ꡬ쑰도 κ½€λ‚˜ λ§Žμ€ 비쀑을 μ°¨μ§€ν•˜λŠ” 것 κ°™λ‹€,, 폴더 ꡬ쑰가 어떀지에 따라 배포가 μ‹€νŒ¨ν•˜κΈ°λ„ ν•˜κ³ , 폴더 κ²½λ‘œλ„ μ£Όμ˜ν•˜κΈ°..!


🧚 μƒˆλ‘­κ²Œ μ•Œκ²Œ 된 λ‚΄μš©

λ¬΄ν•œ 슀크둀 κ΅¬ν˜„ 방식은 μ—¬λŸ¬κ°œκ°€ μ‘΄μž¬ν•œλ‹€. 순수 κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ”κ²Œ 쒋은건지 라이브러리λ₯Ό μ‚¬μš©ν•˜μ—¬ κ΅¬ν˜„ν•˜λŠ”κ²Œ 쒋은건지,, πŸ€”

πŸ”— [kakao enterprise] μ‹€μ œ Infinite Scrol with React

  1. Scroll Event
  2. Throttle
  3. requestAnimationFrame
  4. Intersection Observer API

πŸ‘€Β MEMO

πŸš€ github environments deploy 기둝 μ‚­μ œν•˜κΈ°

계속 이것저것 배포 μ‹œλ„ν•˜λ‹€κ°€ μˆ˜λ§Žμ€ 배포 μ‹€νŒ¨ 흔적이 κΉƒν—™ ν”Œμ μ— λ‚¨μ•„μ„œ λ¨Όκ°€ λ‹€ 없애버리고 μ‹Άμ—ˆλ‹€,,γ…‹γ…‹ κ·Έλž˜μ„œ 방법 찾아보닀가 μ•„λž˜ μ‚­μ œν•΄μ£ΌλŠ” λΌμ΄λΈŒλŸ¬λ¦¬κ°€ 있길래 μ„€μΉ˜ν•œ ν›„ μ‹€ν–‰μ‹œμΌœμ„œ μ•„λž˜μ™€ 같이 repository μ„ νƒν•œ ν›„ μ‚­μ œν•΄μ£Όμ—ˆλ‹€!

npm i delete-github-environment
npx delete-github-environment
delete environment

✍️ Diary

Herokuκ°€ 유료 μ „ν™˜λ˜λ©΄μ„œ 기쑴에 λ°°ν¬ν–ˆλ˜ μ‚¬μ΄νŠΈλ„ λ§‰ν˜€μ„œ λŒ€μ²΄ν•  μ„œλΉ„μŠ€λ₯Ό μ°Ύμ•„λ΄€λŠ”λ° μ²˜μŒμ—” Koyeb으둜 재배포 μ‹œλ„λ₯Ό ν•΄λ΄€λ‹€. 근데 λͺ‡ μ‹œκ°„λ™μ•ˆ 계속 배포 μ‹€νŒ¨ν•΄μ„œ λ‹€λ₯Έ μ„œλΉ„μŠ€λ₯Ό 찾아보닀가 fly.io둜 배포λ₯Ό μ‹œλ„ν•΄λ΄€λ‹€.
fly.io도 계속 errorλ‚˜κ³  λͺ‡μ‹œκ°„ λ™μ•ˆ μ‚½μ§ˆν–ˆλŠ”λ° 개인 ν”Œμ μ€ github action으둜 μžλ™ λ°°ν¬ν™”κΉŒμ§€ μ„±κ³΅ν–ˆλŠ”λ° νŒ€ ν”Œμ μ€ 또 λ¨Έκ°€ 잘 μ•ˆλœλ‹€,,γ…œ λ‚Ό λ‹€μ‹œ ν•΄κ²°ν•΄λ³΄μžμ•„..
μ˜€λŠ˜μ€ 배포만 ν•˜λ‹€κ°€ ν•˜λ£¨κ°€ μ§€λ‚˜κ°„ λ‚ ,, πŸ₯²

profile
FE developer

0개의 λŒ“κΈ€