프론트엔드 3

프론트엔드 배포 가능한 환경 목록

프론트엔드를 배포할 수 있는 환경들은 여러 가지가 있습니다. 각 환경마다 특장점과 단점이 있으며, 사용자의 필요와 프로젝트의 요구 사항에 따라 적합한 선택이 달라질 수 있습니다. 주요 배포 환경과 그에 대한 설명을 아래에 정리했습니다:1. 정적 웹 호스팅 서비스 (Static Site Hosting)예시: GitHub Pages, Netlify, Vercel, Firebase Hosting특장점:쉬운 배포: 코드 푸시와 동시에 자동으로 배포되는 경우가 많음.빠른 로딩 속도: CDN을 통해 전 세계에 빠르게 콘텐츠 제공.무료 요금제: 기본적인 요금제가 무료로 제공되며, 소규모 프로젝트에 적합.단점:동적 기능 제한: 서버 측 로직이나 복잡한 데이터베이스와의 연동이 어렵거나 불가능함.제한된 서버 사이드 기능:..

WEB 2024.08.20

패키지 매니저(npm, pnpm, yarn, yarn-berry)

npm, pnpm, yarn, yarn-berry 패키지 매니저에 대해 조사하여, 상황에 따라 적합한 패키지 매니저를 차용하기 위해 작성한 아티클 입니다. In Writing... 패키지 매니저 별 다운로드 수  패키지 매니저 소개 및 특징yarn & yarn-berryyarn(yet another resource negotiator)은 facebook에서 빌드하고 google, Exponent 및 Tilde에서 지원하는 javascript 패키지 및 종속성 관리자이다.2016년 npm의 대안으로 처음 만들어졌다.yarn 특징offline Mode :  이전에 패키지를 설치했다면 인터넷 연결 없이 다시 설치할 수 있다.Deterministic : 설치 순서에 관계없이 동일한 종속성이 모든 시스템에 동일한..

기타 2024.07.26

역사로 알아보는 CSR vs SSR

본 글은 드림 코딩 엘리의 강의를 정리한 글입니다. cf) https://www.youtube.com/watch?v=iZ9csAfU5Os&t=140s [ 역사로 알아보는 csr과 ssr ] 1990 중반 까지 - static sites ( 서버 내에 이미 배포되어 있는 html 문서를 받아와서 화면에 보여주는 형식) but 문제: 페이지 내 다른 링크 클릭 시 서버에서 다시 해당 html 문서를 받아와 페이지 전체가 업데이트 되는 문제. 1996 - 문서 내에서 또 다른 문서를 담을 수 있는 iframe 태그가 도입됨에 따라 페이지 내에서 부분적으로 문서를 받아와서 업데이트를 할 수 있게 되었다. 1998 이후 - XMLHttpRequest(fetch API의 원조)로 html 문서 전체가 아닌, jso..

WEB 2022.02.09