응집도(Cohesion) 는 모듈에 포함된 내부 요소들이 연관되어 있는 정도를 나타냅니다. 결합도(Coupling) 는 의존성의 정도를 나타내며, 다른 모듈에 대해 얼마나 많은 지식을 갖고 있는지를 나타냅니다.



응집도와 결합도

box-sizing은 CSS에서 요소의 크기를 어떻게 계산할지를 결정하는 속성

css box-sizing 속성

CAP 정리는 분산 데이터베이스 시스템이 CAP 중 2개의 속성만을 제공할 수 있다는 이론

CAP 정리

Node는 DOM을 구성하는 가장 기본적인 구성 단위 Node > element

Node와 Element의 차이

이미지 포맷과 각 포맷별 특징

객체 간의 상속을 구현하는 메커니즘

프로토타입 상속의 동작 방식

 Stack, Queue, event loop

관계형 데이터베이스와 비 관계형 데이터베이스 

리액트의 동시성 모드는 여러 작업을 비동기적으로 동시에 처리하면서도 중간에 더 중요한 작업이 들어오면 우선순위를 바꿔서 그 작업을 먼저 처리하는 기능을 의미



리액트 동시성 모드(Concurrent Mode)

다양한 파일과 모듈을 하나의 배포 가능한 번들로 묶는 역할

webpack, rollup과 같은 번들러

컨텍스트 스위칭은 CPU나 코어에서 실행 중이던 프로세스나 스레드가 다른 프로세스나 스레드로 교체되는 과정

프로세스보다 스레드의 컨텍스트 스위칭이 더 빠른 이유

HTTP/1.1과 HTTP/2.0

Ref()는 React의 훅 중 하나로, 컴포넌트 내에서 변경 가능한 값을 저장하고 관리

useRef 사용

TypeScript

HTML의 <!DOCTYPE>은 웹 브라우저에 해당 문서가 어떤 HTML 버전을 기반으로 작성되었는지 알려주는 역할을 하는 선언문



HTML Doctype이란

전 세계에 분산되어 있는 서버들을 통해 사용자에게 웹 컨텐츠를 빠르고 효율적으로 제공하는 기술

 CDN 이란?

event.target과 event.currentTarget은 모두 이벤트 객체의 속성이며, 각각 "이벤트가 실제로 발생한 요소" 와 "이벤트 리스너가 연결된 요소" 를 가리킵니다.



event.target과 event.currentTarget의 차이점

데이터 속성은 사용자 정의 데이터를 HTML 요소에 저장하기 위해 사용되는 속성

html data 속성은 무엇인가?

애플리케이션을 지원하는 리소스 풀에 들어오는 네트워크 트래픽(들어오는 요청)을 균등하게 분산

로드 밸런싱

px vs em vs rem

접근제어자는 클래스 멤버의 접근 범위를 제어하는 데 사용

자바스크립트 클래스의 접근제어자

함수 선언식과 함수 표현식의 차이

빌드 시점에 CSS를 미리 다 만들어 놓는 제로 런타임 CSS 방식

제로 런 타임 CSS 란?

SOLID 원칙은 객체지향 설계 5원칙

SOLID 원칙

Body와 Header의 가장 큰 차이는 정보(데이터)의 역할

네트워크 통신에서 Body(Payload)와 Header의 차이

프로그래머스 모음 lv0

Undefined 와 null 의 차이점 

리액트 18 버전에서 도입된 새로운 기능, 서버에서만 렌더링되는 컴포넌트 

React 18 Server Component

웹에서 클라이언트와 서버 간 통신을 위한 통신 규약 (Hypertext Transfer Protocol)

Http 와 Https 

웹 서버는 정적 컨텐츠(HTML, CSS, JS, 이미지 등)를 제공하는 역할, 자바 진영에서 WAS(Web Application Server) 는 서블릿 컨테이너 기능을 제공하고, 동적 컨텐츠를 생성하거나, 애플리케이션 로직을 실행하는 데 특화

WAS와 웹 서버의 차이점

준비된 부분부터 점진적으로 스트리밍해서 클라이언트에 전달하는 기술

Streaming SSR

실 동작 화면으로 상세한 설명 

Server Side Rendering vs Client Sied Rendering 

이벤트 전파(Event Propagation)의 두 단계 캡쳐링(Capturing Phase)과 버블링(Bubbling Phase)

Event Bubbling & Event Capturing

defaultValue & value

webpack, rollup과 같은 번들러는 왜 필요한지에 대한 설명

The Need for Bundler (Bundler의 필요성)

IntersectionObserver 인터페이스는 대상 요소와 상위 요소, 또는 대상 요소와 최상위 문서의 뷰포트가 서로 교차하는 영역이 달라지는 경우 이를 비동기적으로 감지할 수 있는 수단을 제공합니다.