νμ€ν°μ»΄νΌλ Β· nohjunho@festi.co.kr
React Β· TypeScript κΈ°λ°μ νλ‘ νΈμλλ₯Ό μ€μ¬μ λκ³ , μλΉμ€κ° μ¬μ©μμκ² λΏκΈ°κΉμ§ νμν
λ°°ν¬ Β· νμ₯μ± Β· μΈμ¦ Β· 보μ μμμ ν¨κ» λ§‘μ΅λλ€.
μ£Όλ‘ λ©ν°ν
λνΈμ CI/CDμ λ€μ€ λλ©μΈ λ°°ν¬λ₯Ό μ§μ κ΅΄λ¦¬κ³ , νΈλν½μ΄ λͺ°λ¦¬λ μν©μ 견λλλ‘ μΈνλΌλ₯Ό μ€κ³νλ©°,
μΈμ¦ κ²½κ³μ κ³΅κ° μλν¬μΈνΈκΉμ§ μ κ²ν©λλ€.
- μ¦μκ³Ό μμΈμ λΆλ¦¬νκ³ , λ¬Έμ κ° μ΄λ μΈ΅μ μλ λκΉμ§ λ°λΌ λ΄λ €κ°μ μμΈμ νμΈν©λλ€.
- λλ릴 μ μλ κ²°μ κ³Ό μλ κ²°μ μ λ€λ₯Έ 무κ²λ₯Ό λ‘λλ€. μ μ€ν κ³³κ³Ό κ°λ³κ² κ° κ³³μ λ¨Όμ λλλλ€.
- "λ λμ κ²"μ΄ μλλΌ "μ§κΈ λ§λ κ²" β 무μμ λ΄μ£Όκ³ 무μμ μ»μλμ§ λ§ν μ μμ΄μΌ μ€κ³ κ²°μ μ΄λΌκ³ μκ°ν©λλ€.
- μ‘°μ©ν μ€ν¨νλ κ²μ κ°μ₯ κ²½κ³ν©λλ€. μ€ν¨κ° μ리λ₯Ό λ΄κ² λ§λλ λ° μκ°μ μλλ€.
- λ¬Έμ λ₯Ό ν΄κ²°ν λ€, μ¬λ°νμ§ μλλ‘ μ€κ³ λ¨κ³κΉμ§ κ³ λ―Όν©λλ€.
νμ¬ μλμ κ°μ μλΉμ€λ₯Ό κ°λ°Β·μ΄μνκ³ μμ΅λλ€.
| μλΉμ€ | μ€λͺ | μ¬μ΄νΈ |
|---|---|---|
| λμ§νΈ κ°μ΄λ | νμ¬λ³ 곡μ μλ΄ μ¬μ΄νΈ | μμ° μ±μ μ΄μμ μΆμ Β· κ²½ν¬λνκ΅ Β· 2026 νμλμΆμ Β· 2026 μ μ£Όλ μ νλ§μΆμ Β· λΉμ§ μ½κ΅νΈ λλ‘ λΌμ΄νΈμΌ |
| μλΉμ€ λͺ¨λ | νμ¬μ λΆμ΄λ κΈ°λ₯ λ¨μ μλΉμ€ | |
| (곡ν΅λ μ½λμ μΈνλΌλ₯Ό 곡μ νλ©° κ°λ³ μλΉμ€ νμ₯) | μ€ν¬νν¬μ΄ Β· νμ¬ μ§λ Β· μ€μκ° μ£Όμ°¨ νΌμ‘λ Β· νλ‘κ·Έλ¨ μμ½ Β· μΏ ν°λΆ Β· λΌμ΄λΈ μ‘μΆ | |
| PC μ¬μ΄νΈ | μ§μμΆμ PC μΉμ¬μ΄νΈ | 2025 μ¬μλ°€λ°λ€λΆκ½μΆμ Β· 2026 λͺ©ν¬ ν΄μ WμΌ Β· μ μ£Όλ μ νλ§μΆμ |
| ν΅ν©λ‘κ·ΈμΈ | νμ¬λ³ SSO | 리λ΄μΌ μ€ |
| λ°±μ€νΌμ€ | 16κ° νμ¬ μλΉμ€μ μ΄μ λꡬ | 리λ΄μΌ μ€ |
| 곡κ°κ΄λ¦¬ μμ€ν | κ΅λ΄ λν μ°ννλ ₯ κΈ°κ΄ μ μ£ΌκΈ°μ κ΄λ¦¬ | κΈ°κ΄ λ΄λΆ μμ€ν , λ§ν¬ μμ |
μ μλΉμ€ μ½λλ μ λΆ μ¬λ΄ λΉκ³΅κ° μ μ₯μ. μ΄ κ³μ μ 곡κ°λ μ μ₯μλ νμ΅ κΈ°λ‘.
- μ£μ§ μ»΄ν¨ν β μ μ SPAμμ λμ λ©ννκ·Έ (Lambda@Edge Β· CloudFront Functions 2λ¨)
- μ€ν μ€μΌμΌλ§ β μ΄ λ¨μ λ²μ€νΈ νΈλν½ λμ (ASG ν리μ Β· ν΄λ¦° λ² μ΄μ€ AMI Β· SSM λ°νμ μ£Όμ ), k6 1,500 VU λΆνκ²μ¦ Β· p95 6.4s Β· μ€ν¨μ¨ 0%
- SSO μΈμ¦ β NextAuth κΈ°λ° μλΈλλ©μΈ μΏ ν€ μ€κ³ Β· ν μ€νΈ νκ²½ λΆλ¦¬
- API μΈμ¦ μ€κ³ β 무μΈμ¦ κ³΅κ° μλν¬μΈνΈλ₯Ό SigV4 + IAM 2κ²ΉμΌλ‘ μ°¨λ¨
- ν μ€νΈ λμ β 0 β 251νμΌ / 4,639 μΌμ΄μ€, "μΌλ§λ λ§μ΄"κ° μλλΌ "μ΄λμ λ©μΆμ§" κΈ°μ€. λ³ν ν μ€νΈ(mutation testing) λ‘ ν μ€νΈ μ체λ₯Ό μ¬κ²μ¦ (177μ’ μ€ 174μ’ κ²μΆ)
- μΈμλνΈ λμ β μλ² μΉ¨ν΄ μ¬κ³ Β· nginx
start-limit-hitλ‘ μΈν μλ² μ λ©΄ λ€μ΄ Β· OOM μν μ§λ¨ - νλ μμν¬ μ ν β Next.js β React + Vite νκ·. λ€λ§ μ λΆ ν΅μΌνμ§ μκ³ , κ·Όκ±°κ° μλ κ³³μ κ·Έλλ‘ λ
- DX μΈνλΌ β μ¬λ¬ μλΉμ€λ€μ νλ²μ κ΄λ¦¬νλ ν νλ¦Ώ λ ν¬, μΈνλΌ Β· κ³΅ν΅ ui ν¨ν€μ§ Β· λ¬Έμ νμ΄νλΌμΈ Β· λ²μ κ΄λ¦¬ μ€ν¬λ¦½νΈ
- CI/CD β GitHub Actions Β· OIDC μΈμ¦ Β· μλΈλλ©μΈ νλ‘λΉμ λ μλν
| Kind | Stack |
|---|---|
| Language | |
| Framework | |
| Library | |
| CSS | |
| Tool | |
| Deploy |
- (μ£Ό)νμ€ν°μ»΄νΌλ μ°½λ¦½λ©€λ² β νλ‘ νΈμλ μ΄κ΄ (2026 ~ )
- μ¨λΌμΈ μΆμ ννλ μλΉμ€ νμ€ν°λ§΅(Festimap) νλ‘ νΈμλ κ°λ° μ°Έμ¬ (2023 ~ 2025)
- μΈμ’ λνκ΅ μννΈμ¨μ΄νκ³Ό μ‘Έμ (2020 ~ 2026)
- λ©μμ΄μ¬μμ²λΌ at μΈμ’ λνκ΅ νλ‘ νΈμλ νΈλ κ³Όμ 11κΈ° μλ£ (2023 ~ 2024)
- 2023-2 μΈμ’ λνκ΅ μννΈμ¨μ΄νκ³Ό νμ μ μμ (2023)



