목록SSR (2)

SG의 개발 공부로그

CRA (create React app) 대신 Vite 를 쓰는 이유

그냥 vite를 쓰는 이유 를 먼저 요약을 하자면 1. 번들링을 생략하기 때문에 서버를 빠르게 구동시킨다. 2. HTTP 상태 코드를 활용하여 리로딩이 더 빠르다. 3. Vite가 설정한 최소한의 config로도 사용이 가능하다. 4. 닥치고 속도차이가 확연히 느껴진다. CRA를 사용해서 React 프로젝트를 많이 생성해 봤을 거다. React 공식에서도 추천해 주는 보일러 플레이트이기도 하고 많은 유용한 기능들을 제공해 주기 때문이다. 하지만, CRA를 쓰다가 Vite를 사용해 보면 속도에 있어서 엄청난 차이를 느껴 볼 수 있다. Vite가 빠른 이유 왜 그럴까? 전의 웹개발방법은 HTML , CSS , JS 이렇게 각각 만들어서 코드를 짜고 서버에 올리면 끝이었다. 그런데 사람들이 자바스크립트 라이브..
React 2023. 2. 3. 12:32
SSR (Server Side Rendering) 과 CSR (Client Side Rendering) 의 차이점

SSR 옛날 전통 웹 방식은 MPA 였다. MPA라는 용어도 사실 SPA가 유행하면서 비교를 위해 나왔듯이 SPA 나오기 전에는 모두 MPA 형태였다. MPA는 새로운 페이지를 요청을 보내면, 모든 탬플릿을 서버연산을 통해 렌더링하고 완성된 페이지형태로 응답한다. SPA 와 MPA의 차이점 참고링크 https://sg-coding.tistory.com/entry/SPA-Single-Page-Application-%EC%99%80-MPA-Multi-Page-Application-%EC%B0%A8%EC%9D%B4%EC%A0%90 SSR 의 장점는 SEO (검색엔진최적화) 이다. 전통적인 MPA 는 javascript 가 동작하기 전에도 HTML 에 데이터가 삽입된 상태 , 즉 완성된 형태의 탬플릿를 서버로부..
JavaScript 2023. 1. 9. 17:13
이전 Prev 1 Next 다음