개발 프로젝트/[리액트] cookat 클론코딩(2)
-
PWA란?
이번 프로젝트에선 PWA를 적용 시켜볼것이다! PWA가 대체 무엇일까? 출처: PWA 가뭔가요? by 얄팍한 코딩사전 네이티브 앱: 우리가 알고있는 스마트폰의 어플 ios, 안드로이드 각각 개발하기때문에 번거롭다. 버전 업데이트 역시 만만치않다. (검수 기간도 고려해야한다.) 개발자의 입장에서 뿐아닌 유저의 입장에서도 앱을 설치하기 번거러워하는 경우가 많아 모바일 버전의 웹을 개발하지않는다면, 서비스 이용 경험에 부정적인 영향을 주기 가장 쉬운 방법이다. 모바일 웹앱 그냥 반응형 웹 개발이 아닌 앱에 가까운 사용자 경험을 위해 만들어진 웹을 '모바일 웹앱'이라고한다. 모바일 웹앱의 장점은 개발&운영이 수월하다. -> ios, 안드로이드 각각 개발할 필요없이 웹 하나만 개발 하면된다. 업데이트 반영도 수월..
2021.06.27 -
Next.js 개발 환경 세팅
새로운 프로젝트를 진행하게되었다! 어떤 프로젝트를 해볼까 고민해보다가 결국 cookcat 클론코딩으로 정했다👏🏼 이번 프로젝트로 팀원들과 타입스크립트, Next.js, PWA를 새롭게 공부해보기로해서, 클론코딩 사이트는 비교적 덜! 복잡한(???) 사이트로 선택하였다. (그렇게 앞날을 예상하지 못한 우리들..😅) 내일 첫번째 미팅 전 오늘 공부해본 내용들을 정리해보려한다. Next.js 이번엔 개별환경으로 Next.js로 선택하였다. Next.js는 리액트 전용 서버사이드 프레임워크이다. 이전 프로젝트때는 개별환경으로 CRA(create-react-app)을 사용하였었는데, 어떤 차이가있을까? 가장 큰 차이점은 아무래도 CRA는 CSR이고 Next.js는 SSR인 점일 것이다. CSR의 장점도 많지만 우..
2021.06.27