FE

NPM(Node Package Manager)Node.js 패키지를 관리하고 설치하는 데 사용되는 공식 패키지 관리 도구이다.개발자들이 코드를 작성하고 공유할 때 필요한 다양한 패키지들을 손쉽게 관리하고 사용할 수 있도록 도와준다.Node.js 프로젝트의 루트 디렉토리

소스 코드를 동일한 수준의 추상화를 유지하면서 다른 형식의 소스 코드로 변환하는 도구이다.주로 최신 문법을 구버전 문법으로 변환하거나, 한 프로그래밍 언어를 다른 언어로 변환하는 데 사용된다.개발자가 최신 기능을 사용하면서도 다양한 실행 환경에서 코드를 문제없이 실행할

애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이 때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다.자신만의 파일 스코프를 갖는 모듈의 자산(변수,

필요한 패키지와 종속성(dependencies)을 자동으로 설치해주며, 버전 관리를 통해 최신 상테로 유지하거나 특정 버전을 유지하도록 도와준다.require, import 구문을 사용해서 외부 의존성을 참조하는 데, 그걸 올바르게 참조할 수 있도록 보장해주는 프로그램

스타일을 런타임에 적용하지 않고, 빌드 타임에 CSS를 생성하여 사용자가 페이지를 로드할 때 이미 최적화된 CSS를 제공하는 방식이다.성능 향상: 런타임에 스타일을 생성하지 않고 빌드 시점에 CSS를 생성하기 때문에 페이지 로딩 시 불필요한 계산이 줄어들어 성능이 개선

Shadow DOM 톺아보기 🔎

실행 컨텍스트, 비동기, 이벤트 루프, 콜 스택, Web APIs, Task Queue, Microtask Queue

Readable Stream과 Writable Stream이 서버 컴포넌트에서 어떻게 사용되는지, 파일 다운로드 방식에서 어떻게 사용되는지

Browser Router vs Hash Router

requestAnimationFrame(rAF)의 내부 동작 원리, setTimeout/setInterval 과의 차이점

React에서 unmount 애니메이션 적용하기