프론트엔드에게 배포플랫폼이란 - nothing or everything | 2024 당근 테크 밋업
당근 밋업 당근 · YouTube
AI 핵심 요약
발표자는 프론트엔드 배포를 HTML의 위치를 찾고, 요청해 받아오며, 작성한 대로 동작하는지 보장하는 과정으로 설명합니다. 정적·동적 웹사이트와 SPA를 비교하며, SPA 배포에는 JavaScript와 CSS 제공뿐 아니라 서브 경로 요청에 `index.html`을 반환하는 처리가 필요하다고 짚습니다. 성능을 위해 HTTP `Cache-Control` 헤더와 파일 해시를 활용하고, CDN 캐싱과 퍼지를 적용하는 방법도 소개합니다. 배포 플랫폼은 백엔드·인프라만의 영역이 아니라 웹 시스템의 기본 원리를 조합해 프론트엔드 개발자도 설계하고 개선할 수 있다는 점을 강조합니다.
- 배포를 파일의 위치 탐색, HTTP 요청과 응답, 의도한 동작의 보장이라는 단계로 나눠 생각해 보세요.
- SPA의 서브 경로에서 404가 나면 서버가 해당 경로에도 `index.html`을 반환하도록 설정해야 합니다.
- 해시가 붙은 정적 자산은 긴 캐시를 적용하고, HTML은 최신 자산을 참조하도록 캐시 정책을 분리할 수 있습니다.
- CDN 캐시는 `Cache-Control`로 제어하고, 새 배포 뒤에는 퍼지로 오래된 응답을 무효화할 수 있습니다.
- 웹 서버, HTTP, 브라우저 API, 번들러의 기본 동작을 이해하면 배포 플랫폼의 설계와 개선에 직접 참여할 수 있습니다.
소개
프론트엔드 개발자에게 배포는 조금 각별해요. 프로덕션에 유일무이하게 동작하는 스냅샷이라는 점에서는 버저닝 엔드포인트가 살아 있는 API 배포와 달라요. 최신 버전이 에버그린 상태여야 한다는 점에서는 안정적인 버전으로 고정할 수 있는 라이브러리 배포와 달라요. 프론트엔드 개발자로서 배포 플랫폼을 제작하는 경험은 더 각별했어요. 프로젝트 배포를 통해 최종 사용자에게 페이지를 전달하기 위해, 정말 많은 기술적 고민과 배경이 필요했기 때문이에요. 이 많은 고민과 배경이 플랫폼 제작에 필요한 백엔드/인프라 지식보다도 (의외로) 프론트엔드 개발자에게 친숙한 지식들이라는 사실을 전달하고, 배포 플랫폼을 만들며 겪은 경험을 토대로 프론트엔드 개발자가 나아갈 방향에 대해 공유해요. 🥕 영상을 보고 당근에 관심이 생기셨다면 채용 공고를 확인해보세요! https://about.daangn.com/jobs/
비슷한 학습 자료
컨퍼런스 당근 밋업
당근 개발자 플랫폼은 어떻게 발전하고 있을까 | 당근 SRE 밋업 4회
컨퍼런스 당근 밋업
당근의 성장과 함께 쌓아온 안정적인 인프라 구축과 운영 노하우를 당근 SRE 팀에서 공유해요. 사내 개발자 플랫폼 개발 경험, 관측가능성 구축 경험, 네트워크 개선 경험 등을 들어보세요! 🥕 당근 개발자 플랫폼은 어떻게 발전하고 있을까 (변정훈) 👉 발표 자료 보러가기: https://daangn.notion.site/SRE-c62abc2b6f0347a4ace9ee9cdfc49b6b#8afac52012304b20977c9299f8bca5f4 👉 당근 채용공고 보기: https://about.daangn.com/jobs/
데브옵스 · 인프라 개발 도구
컨퍼런스 당근 밋업
“우아한 구조로 서비스를 잘 구축하면 하나의 코드로 여러 플랫폼을 대응하고, 확장성도 챙길 수 있을 텐데…” 프론트엔드 개발자라면 한 번쯤 이런 생각 해보지 않으셨나요? 하나의 코드로 데스크탑, 모바일 그리고 웹뷰까지 모두 대응할 수 있다면 얼마나 좋을까요? 개발자 리소스가 줄고 서비스 통일감도 높아지고 더이상 플랫폼 간 기능 차이도 없을 거예요. 하지만 다른 방향에서 살펴보면 한 플랫폼에서만 사용되는 코드가 추가되어 애플리케이션이 무거워지고, 플랫폼 별로 달라지는 로직을 실행하기 위해 분기가 많아지니 더 복잡해지기도 해요. 그래서 상황에 따라 각 플랫폼 별로 개발하는 것이 좋은 선택일 수도 있고, 하나의 코드로 개발하는 게 좋은 선택일 수도 있어요. 당근 광고실에서는 여러 논의를 거쳐서 웹과 웹뷰를 하나의 코드로 합치기로 결정했어요. 이 세션에서는 왜 우리가 웹과 웹뷰 코드를 통합하기로 결정했는지, 이 과정에서 겪었던 문제들과 문제를 어떻게 해결했는지를 다루고자 해요. 🥕...
웹 개발 프론트엔드
컨퍼런스 당근 밋업
아니, 여기도 웹뷰였어요? | 2024 당근 테크 밋업
컨퍼런스 당근 밋업
프레임워크부터 플랫폼까지: 당근 웹뷰 플랫폼 | 2024 당근 테크 밋업
컨퍼런스 SLASH
토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기
컨퍼런스 SLASH
API를 호출하거나 네이티브 앱과 통신할 때 프론트엔드 웹 서비스에서는 반드시 비동기 작업이 일어나게 됩니다. 일상처럼 다루고 있지만 정작 UI에서 다루기 힘든 비동기 프로그래밍. React Suspense를 이용하여 우아하게 처리하는 이론과 실전 적용법을 공유합니다. 박서진 / 토스 Frontend Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-21 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH
프론트엔드 로드맵 2개에 담김
컨퍼런스 당근 밋업
🥕 2026 당근 빌더 밋업 | Platform Day 하이퍼로컬, 가장 거대한 현장 4,300만 명이 가입한 서비스를 만드는 당근 빌더들은 어떤 문제를 풀고 있을까요? 하나의 프로덕트를 처음부터 끝까지 책임지고, 직군의 경계를 넘나들며 함께 답을 찾아가는 당근 빌더들의 고민과 시도, 성공과 실패의 경험을 솔직하게 나눠요. 엔지니어 동료들이 더 빠르게, 더 큰 문제에 집중할 수 있도록 당근의 플랫폼은 끊임없이 발전해요. 다양한 기술과 아키텍처를 여러 서비스가 함께 쓰는 플랫폼으로 만드는 과정부터 AI와 함께 일하는 새로운 방식까지, 당근 플랫폼 개발자들이 현장에서 마주한 고민과 시행착오를 만나보세요. 👉 당근 채용 바로가기 : https://careers.daangn.com/
AI에이전트 개발