[Next.js] 웹사이트로 어플리케이션 만들기 - PWA(Progressive Web App)

PWA(Progressive Web App)를 알아보자PWA(Progressive Web App)는 웹 기술을 사용해 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 애플리케이션이다. 일반 웹 앱처럼 URL로 접속할 수 있으면서도 네이티브 앱처럼 설치하고 오프라인에서도 사용할 수 있다는 점이 주요 특징이다. PWA의 특징빠른 로딩 속도: 서비스 워커(Service Worker)를 활용해 캐싱 기능을 제공하므로 재방문 시 빠르게 로드된다.오프라인 지원: 네트워크 연결이 없어도 중요한 기능이 작동한다.앱 설치: 사용자가 브라우저를 통해 설치해 홈 화면에서 앱처럼 실행할 수 있다.푸시 알림: 푸시 알림을 통해 사용자와의 지속적인 상호작용이 가능하다.앱과 유사한 인터페이스: standalone 모드로 실행되면 ..

• format_list_bulleted Next.js
• · 2024. 11. 26.
• textsms

Next.js의 빌드를 알아보자

Next.js는 React 기반 웹 애플리케이션 개발을 위한 강력한 프레임워크이다. 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 이미지 최적화, 라우팅 등 다양한 기능을 제공하여 개발 생산성과 사용자 경험을 향상시킨다.이번 포스팅에서는 Next.js 프로젝트를 빌드하는 방법과 빌드 과정 그리고 빌드 결과물에 대해 알아보겠습니다.Next.js란?Next.js는 React를 기반으로 하는 웹 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 코드 스플리팅, 이미지 최적화, 라우팅 등 다양한 기능을 제공합니다.서버 사이드 렌더링(SSR): 페이지 로딩 속도를 개선하고 SEO(검색 엔진 최적화)를 향상시킵니다.정적 사이트 생성(SSG): 빌드 시점에 HTML 파일을 생성하여..

• format_list_bulleted Frontend
• · 2024. 8. 13.
• textsms