개발공부_Blog/Project2 React를 사용해서 만든 서비스를 어플로 다운 받을 수 있다고? ( PWA로 프로젝트 하기 ) React + Vite + PWA로 프로젝트 생성하기vite-pwa-plugin 설치Vite PWA Vite Plugin PWAZero-config PWA Framework-agnostic Plugin for Vite and Integrationsvite-pwa-org.netlify.app React와 Vite그리고 PWA를 사용해 프로젝트를 시작하기 위해서vite-pwa 템플릿을 사용해서 react개발환경을 세팅해준다.npm으로 vite-pwa 플러그인을 설치하면 아래와 같은 질문과 함께 설정을 도와준다. PWA로 프로젝트를 생성하기 위해서는 다양한 설정파일들이 필요하다.나는 기본 세팅으로 프로젝트를 생성했다.npm create @vite-pwa/pwa@latest Select a strategy : .. 2024. 12. 11. 프로젝트를 할거야. React와 Vite로. 프로젝트를 할거야.가장 많이들 사용하는 것이 React다. 많이 사용하는 데는 그 이유가 있다. React는 컴포넌트를 기반으로 UI( User Interface ) 를 효율적으로 관리하는 JavaScript 라이브러리다.React를 너무 간단한게 한 문장으로 표현했지만, 그 안에 내포된 의미는 꽤 많다.컴포넌트를 기반으로 UI를 만든다효율적으로 관리한다. 컴포넌트 기반으로 UI를 만든다.하나의 페이지를 구성할 때, 한 페이지에 들어가는 내용을 처음부터 끝까지 구현한다고 생각해보면…. 정말 너무 보기가 힘들것 같지 않은가@_@….. React는 한 페이지에 들어가는 내용을 블럭을 쌓듯이 컴포넌트로 조립해 만들 수 있다. 이러한 컴포넌트의 장점으로는 독립성과 재사용성을 들 수 있다. 각각의 컴포넌트는 함수.. 2024. 12. 10. 이전 1 다음
