netlify 썸네일형 리스트형 React 앱에 서버리스 함수(Function) 연동하기 React 단일 페이지 애플리케이션(SPA)에 서버리스 함수(Function)를 더하면, 백엔드 인프라 없이도 안전하고 확장 가능한 API를 빠르게 구축할 수 있습니다. 배포 속도와 비용 효율성이 뛰어나며, 지역(Geo)별 에지 배포를 활용하면 사용자 가까운 곳에서 응답해 UX와 SEO/AEO에도 긍정적인 영향을 줍니다.1. 서버리스 함수 개요서버리스 함수는 이벤트 기반으로 실행되는 짧은 수명(Stateless)의 백엔드 코드입니다. 인프라 관리 없이 요청이 올 때만 과금되며, React 프런트엔드가 호출하는 API 엔드포인트로 사용하기 적합합니다.- 장점: 자동 스케일, 저비용, 빠른 배포, 보안(비공개 환경 변수).- 주의점: 콜드 스타트, 연결 지속성 부족, 적절한 CORS/캐싱/인증 구현 필요.2.. 더보기 React 앱 CI/CD 파이프라인 구축하기 React 앱을 안정적으로 릴리스하려면 자동화된 CI/CD 파이프라인이 필수입니다. 이 글은 GitHub Actions 기준으로 테스트, 품질 검사, 빌드, 그리고 Vercel/Netlify, AWS S3+CloudFront, Docker 배포까지 한 번에 구성하는 실무형 가이드를 제공합니다.1. 목표와 아키텍처 개요목표는 다음과 같습니다. PR마다 테스트/품질 게이트를 통과한 코드만 main에 머지되며, main에 푸시되면 자동으로 빌드/배포가 실행됩니다. 배포 대상은 상황에 따라 Vercel/Netlify(서버리스), AWS S3+CloudFront(정적 호스팅), Docker 이미지(온프레미스/쿠버네티스) 중 선택합니다.2. 프로젝트 준비 (스크립트/도구 표준화)Node LTS(18/20), 패키지.. 더보기 이전 1 다음