atomicdev 님의 블로그

결론 및 최종 점검9.1 강의 내용 요약이번 강의에서 다룬 각 단계를 간략하게 요약하며 전체적인 흐름을 복습해보겠습니다.프로젝트 초기 설정Next.js 프로젝트를 시작하고, i18next와의 통합을 통해 다국어 지원을 구현했습니다.SSR(Server-Side Rendering)과 SSG(Static Site Generation)의 차이점을 이해하고, 이들을 적절히 사용하는 방법을 배웠습니다.다국어 페이지 구현 및 성능 최적화i18next를 사용해 번역 파일을 관리하고, Lazy Loading을 통해 성능을 최적화했습니다.Next.js의 getStaticProps와 getStaticPaths를 통해 정적 페이지를 생성하고, 다국어 사이트의 SEO를 최적화했습니다.SEO 최적화hreflang 태그와 메타 태..

프로젝트 최적화 및 빌드: React 프로젝트 빌드 과정 및 배포 준비이번 강의에서는 React 프로젝트를 빌드하고, Node.js 백엔드와 프론트엔드를 연동하여 배포를 준비하는 과정을 다룹니다. 이를 통해 최종 웹 애플리케이션을 최적화하고, 프로덕션 환경에서 실행할 수 있도록 설정합니다.1. React 프로젝트 빌드 과정React는 개발 환경에서 개발 서버를 사용해 빠른 개발 사이클을 지원하지만, 실제로 배포할 때는 정적 파일로 빌드하여 서버에 배포해야 합니다. 빌드 과정은 이러한 정적 파일을 생성하고, 최적화된 버전을 만듭니다.1.1 React 빌드 명령어프로젝트가 준비되었으면 npm을 사용해 빌드합니다.npm run build 이 명령어를 실행하면 build 폴더가 생성되고, React 애플리케이션..