728x90

Frontend 2

[PWA] Vite + React App PWA 배포하기

회사에서 개발한 Web App 하나가 있는데, 이 녀석을 모바일 버전으로도 구현해달라는 요구를 전달 받았다. 반응형 웹으로 만들면 될 것 같다고 생각하고 딱 그정도만 해놨는데 그러고나니 매번 브라우저로 들어가서 url을 치고 들어가는게 힘들다는 이야기가 있어서  결국 PWA 를 적용하기로 결정했다..  1. 굳이 PWA를 적용하게 된 이유 RN(React Native)로 뭐 모바일 앱도 하나 만들면 되지 않나요? 라고 할 수 있는데, 물론 내가 React로 SPA를 개발하는 사람이긴 하다만 RN을 사용해서 개발해본적은 없기도 하고, 시도하자니 너무 처음부터 또 App을 빌딩을 해야해서 솔직히 귀찮았던게 크다.  또 몇 년 전쯤 마침 Apple이 PWA의 지원을 확대하겠다고 WWDC에서 발표했던걸 알고 있..

Dev/MobileApp 2024.09.05

React를 시작하기 전에 (1)

React를 설명하려니 어디서부터 해야할지 감이 안 잡히지만... 일단 이 블로그는 내가 생각하고 이해하는대로 마구 작성해두는 일기와도 같다고 생각하고 작성해보겠다. React란? React 에 대해서 이야기 하기 전에 React가 왜 개발되어야만 했는지를 생각해봐야할 것 같다. 물론 아닌 학원도 있었겠지만 국비지원학원에서 공부한 사람들이라면 분명 서버와 클라이언트가 별개의 프로젝트로 구분되어있지 않았을 거고, 학원에서 가르쳐주는 MVC 패턴에 따라 구현하는 프로젝트를 해봤을거라고 생각한다. 그 때 html 파일이든 jsp파일이든 여러 개의 view 라고 부르는 페이지를 잔뜩 만들고 복사,붙여넣기 해서 주소에 따라 화면을 바꿔서 꺼내보여주는 형식의 웹사이트를 만든다. 그걸 Multi Page Applic..

Dev/React.js 2023.04.06
728x90