Front End
-
[Front End] Yarn과 Yarn BerryFront End 2022. 8. 23. 09:57
안녕하세요. 오늘은 Yarn과 Yarn Berry에 대해 알아보려 합니다! 🟦 Yarn 이란? Yarn은 자바스크립트 패키지 매니저입니다. 프로젝트 패키지 의존성을 관리하는 툴이며, 패키지를 공유하게끔 도와줍니다. (Third-party 모듈을 패키지라고 부릅니다) npm과의 차이 ☝🏻 속도 - Yarn은 패키지를 순서대로 설치하는 npm과는 달리 패키지를 병렬로 설치하므로 속도가 더 빠릅니다. - 캐싱을 이용하기 때문에 설치 속도가 빠릅니다. - 따라서 첫번째 설치에선 npm과 속도가 비슷하지만 두 번째 설치부턴 확연히 속도가 빨라집니다. ✌🏻보안 - npm은 다른 패키지를 포함할 수 있는 코드를 자동으로 실행하므로, 보안 취약성이 발생합니다. - Yarn은 yarn.lock이나 package.js..
-
[Front End] CSR과 SSR의 차이가 뭘까요?Front End 2022. 4. 11. 18:24
웹 프론트엔드를 공부하다 보면 CSR과 SSR 한 번쯤은 들어보셨을 겁니다! 저 또한 React를 공부하며 CSR과 SSR, SPA 등등에 대해 알아보게 되었는데요. 그러면 오늘은 CSR과 SSR에 대해 알아보겠습니다! CSR과 SSR의 차이를 알아보기 전에 일단 각각의 특징과 장점에 대해 알아볼 텐데요. 일단 CSR 먼저 알아보겠습니다. CSR Client Side Rendering의 약자로 SSR과 달리 클라이언트 측에서 렌더링이 일어납니다. 위 사진은 CSR 단계를 설명하는데요. 1. 유저가 웹사이트에 요청을 보내요. 2. CDN이 HTML 파일과 JS로 접근할 수 있는 링크를 클라이언트로 보내요. 3. 클라이언트는 HTML과 JS를 다운로드하여요. (이때 SSR과 달리 유저는 아무것도 볼 수 없어..