전체 글

SSR, CSR, SSG

SSR, CSR, SSG SSR, CSR, SSG 는 모두 렌더링 방식을 의미합니다. Server Side Rendering (SSR) SSR 은 서버에서 사용자에게 보여줄 페이지를 모두 구성해서 사용자에게 페이지를 보여주는 방식입니다. SSR 을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트에게 바로 보여줄 수 있습니다. 서버를 통해 페이지를 구성하기 때문에, CSR 보다 페이지를 구성하는 속도는 느리지만, 전체적인 사용자에게 보여주는 콘텐츠의 양이 많아지면, CSR 보다 빠른 속도를 보여줄 수 있습니다. 또 서버에서 첫 페이지를 서버에서 구성하기 때문에, 이미 완성된 페이지를 검색엔진이 수집할 수 있어서 검색 엔진 최적화(SEO)에 유리합니다. 서버 사이드 렌더링 (SSR) 의 장점 SEO..

[ JavaScript ] ESLint, Prettier

ESLint, Prettier ESLint ES 는 EcmaScript 의 약자입니다. ES6 이후로는 ECMAScript 라고 부릅니다. 표준화된 자바스크립트의 버전을 의미합니다. Lint 는 코드를 분석하여 문제점을 찾아내는 도구입니다. ESLint 는 자바스크립트 코드를 분석하여 문제점을 찾아내는 도구입니다. 코딩 컨벤션에 맞지 않는 코드나, 불필요한 코드, 버그의 가능성이 있는 코드를 찾아내는 도구입니다. Airbnb, Standard, Google 등의 코딩 컨벤션을 기본으로 제공합니다. Prettier 원본 스타일을 모두 제거하고, 코드를 일관된 스타일로 정리해주는 도구입니다. 줄바꿈, 들여쓰기, 따옴표 등의 스타일을 일관성 있게 정리해줍니다. ESLint 와 Prettier 를 함께 사용하면..

[ Javascript ] 콜스택과 힙

자바스크립트는 메모리 관리를 위해 콜스택과 힙을 사용합니다. 콜스택 콜스택은 원시타입의 데이터가 저장되는 공간입니다. 실행 컨텍스트를 통해, 변수 식별자, 스코프 체인, this, 코드 실행 순서등을 수행합니다. 힙 참조 타입의 데이터가 저장되는 공간입니다. Reference https://curryyou.tistory.com/276