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
κΈμλ₯Ό λ΄€μ λμ μ¬μ μ μ°Έ,, γ
λ§μ μλ¬λ€μ΄ λμ λͺλ²μ΄λ λ€μ λ°°ν¬ μλλ₯Ό νμλλ° κ·Έ μ€ μλμ κ°μ μλ¬μ κ²½μ° fly.ioμ mongoDBμ λν νκ²½λ³μλ₯Ό μ€μ ν΄μ£Όμ§ μμμ λΉμ°ν μλ¬κ° λ μ λ°μ μλ κ²μ,,π₯²
κ³μ μ½μ§νλ€κ° λ¨Όκ° μ§νλλ κ² κ°μ λμμ§ μμ μ΄ λλ λλ¬Έμ κ°λ°μκ° λκ³ μΆμ κ±Έ μλ,, π
μλ¬ λ λλ§λ€ μ‘°κΈμ© μμ νλ€ λ³΄λκΉ λλ 1 healthy successfully
!! π
β μΌλ°μ μΈ λ°°ν¬ μ±κ³΅νκ³ 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
Scroll Event
Throttle
requestAnimationFrame
Intersection Observer API
κ³μ μ΄κ²μ κ² λ°°ν¬ μλνλ€κ° μλ§μ λ°°ν¬ μ€ν¨ νμ μ΄ κΉν νμ μ λ¨μμ λ¨Όκ° λ€ μμ λ²λ¦¬κ³ μΆμλ€,,γ γ κ·Έλμ λ°©λ² μ°Ύμ보λ€κ° μλ μμ ν΄μ£Όλ λΌμ΄λΈλ¬λ¦¬κ° μκΈΈλ μ€μΉν ν μ€νμμΌμ μλμ κ°μ΄ repository μ νν ν μμ ν΄μ£Όμλ€!
npm i delete-github-environment
npx delete-github-environment
Herokuκ° μ λ£ μ νλλ©΄μ κΈ°μ‘΄μ λ°°ν¬νλ μ¬μ΄νΈλ λ§νμ λ체ν μλΉμ€λ₯Ό μ°Ύμλ΄€λλ° μ²μμ KoyebμΌλ‘ μ¬λ°°ν¬ μλλ₯Ό ν΄λ΄€λ€. κ·Όλ° λͺ μκ°λμ κ³μ λ°°ν¬ μ€ν¨ν΄μ λ€λ₯Έ μλΉμ€λ₯Ό μ°Ύμ보λ€κ° fly.ioλ‘ λ°°ν¬λ₯Ό μλν΄λ΄€λ€.
fly.ioλ κ³μ errorλκ³ λͺμκ° λμ μ½μ§νλλ° κ°μΈ νμ μ github actionμΌλ‘ μλ λ°°ν¬νκΉμ§ μ±κ³΅νλλ° ν νμ μ λ λ¨Έκ° μ μλλ€,,γ λΌ λ€μ ν΄κ²°ν΄λ³΄μμ..
μ€λμ λ°°ν¬λ§ νλ€κ° νλ£¨κ° μ§λκ° λ ,, π₯²