개발기록

1. 패키지 매니저란?패키지 매니저는 코드의 재사용성을 높이고, 의존성을 효율적으로 관리할 수 있도록 돕는 도구이다. 주요 기능은 아래와 같다.패키지 설치 및 삭제의존성 관리패키지 업데이트캐시 활용 및 성능 최적화스크립트 실행 및 프로젝트 관리JavaScript나 TypeScript에서는 import 구문을 사용하여 외부 라이브러리 및 모듈을 참조할 수 있다. 이러한 외부 의존성을 올바르게 관리하고 참조할 수 있도록 보장하는 프로그램이 바로 패키지 매니저이다.import React from 'react'; 소스 코드보다 상위 디렉토리에 위치한 package.json 파일은 프로젝트의 의존성을 정의하고, 특정 패키지의 버전 정보를 명시하여 모호성을 해결하는 역할을 한다.예를 들어, package.json ..

API가 무엇인가요?

*️⃣ 모듈 번들러Module(분리된 코드 조각) + Bundler(묶는다) 모듈 번들러는 분리된 코드 조각들을 하나로 병합하는 개발 도구이다.핵심 작업은 JS 파일, CSS 파일 등 여러 리소스를 하나로 결합하여 단일 파일을 만드는 것이다.따라서 크롬과 같은 브라우저는 하나의 단일 파일을 로드함으로써 애플리케이션이 동작하게 된다. ℹ️ 모듈 번들러를 사용하는 이유모든 브라우저가 모듈 시스템을 완전하게 지원하지 않는다.코드의 종속성 관계를 관리하는데 도움이 되며 종속성 순서대로 모듈을 로드한다.이미지 에셋, css 에셋 등 종속성 순서대로 에셋을 로드하는 데 도움이 된다. *️⃣ 모듈 번들러 역사와 설명아래 글에 모듈 시스템에 대한 설명이 자세히 되어 있습니다. 참고하세요https://yozm.wish..

총 6단계HTML를 파싱 후, DOM트리 구축CSS를 파싱 후, CSSOM트리 구축JavaScript 실행DOM과 CSSOM을 조합하여 렌더트리 구축뷰포트 기반으로 렌더트리의 각 노드가 가지는 정확한 위치와 크기 계산 (Layout 단계)계산한 위치/크기를 기반으로 화면에 그림 (Paint 단계) ▶︎ 브라우저의 주요 기능: 사용자가 요청한 HTML 페이지, PDF, 이미지 등을 서버에서 요청해 보여주는 것 ▶︎ 랜더링 엔진: 사용자가 선택한 콘텐츠를 표시해주는 소프트웨어브라우저렌더링 엔진크롬Blink 사파리Webkit파이어폭스Gecko ▶︎ 파싱(Parsing)브라우저가 코드를 이해하고 사용하기 쉬운 구조로 변환하는 것문서나 HTML 등 어떤 큰 자료에서 내가 원하는 정보만 가공하고 추출해서 원할 때 ..