Frontend Essential Principles

프론트엔드 본질 원리

답은 AI가 알려줍니다. 판단은 당신이 합니다.
모든 토픽이 '왜?'에서 시작합니다.

90

공개 토픽

3

학습 도메인

9

카테고리

H

HTML 본질 원리

HTML을 단순한 태그 모음이 아닌 마크업 언어로 이해하고, 시맨틱 구조와 콘텐츠 모델의 원리를 학습합니다.

2개 카테고리 · 20개 토픽

문서 구조와 시맨틱

HTML 문서의 기본 구조와 시맨틱 태그의 의미를 이해합니다.

  • HTML이 마크업 언어인 의미는?
  • 시맨틱 HTML이 왜 중요할까?
  • 문서 구조(Document Structure)의 원칙은?
  • 섹셔닝 콘텐츠의 설계 의도는?
  • +6개 더보기
10개 토픽 →

콘텐츠 모델

HTML 요소의 콘텐츠 모델과 허용되는 자식 요소 규칙을 학습합니다.

  • 콘텐츠 모델(Content Model)이란?
  • 블록 vs 인라인 개념은 아직 유효할까?
  • Flow 콘텐츠의 범위는?
  • Phrasing 콘텐츠의 특성은?
  • +6개 더보기
10개 토픽 →
C

CSS 본질 원리

캐스케이드와 상속, 박스 모델 등 CSS 동작의 근간이 되는 알고리즘과 설계 원리를 학습합니다.

2개 카테고리 · 20개 토픽

캐스케이드와 상속

CSS 선택자 우선순위, 캐스케이드 알고리즘, 상속 메커니즘을 이해합니다.

  • 캐스케이드(Cascade)란 무엇일까?
  • 명시도(Specificity)의 계산 원리는?
  • 상속(Inheritance)이 작동하는 방식은?
  • !important의 올바른 사용은?
  • +6개 더보기
10개 토픽 →

박스 모델

CSS 박스 모델의 구조와 크기 계산 원리를 학습합니다.

  • 박스 모델의 구성 요소는?
  • box-sizing이 왜 중요할까?
  • 마진 병합(Margin Collapse)이란?
  • 마진 병합을 방지하는 방법들은?
  • +6개 더보기
10개 토픽 →
JS

JavaScript 본질 원리

타입 시스템, 스코프와 클로저, 실행 컨텍스트, 프로토타입, this 바인딩 등 JavaScript가 작동하는 원리를 학습합니다.

5개 카테고리 · 50개 토픽

타입 시스템과 형변환

동적 타입, 원시/참조 타입, 암묵적 형변환 등 JavaScript 타입 시스템의 원리를 학습합니다.

  • JavaScript가 동적 타입 언어인 의미는?
  • 원시 타입과 참조 타입의 근본적 차이는?
  • typeof null이 object인 이유는?
  • 암묵적 타입 변환은 왜 일어날까?
  • +6개 더보기
10개 토픽 →

스코프와 클로저

렉시컬 스코프, 함수/블록 스코프, 클로저의 동작 원리를 이해합니다.

  • 렉시컬 스코프란 무엇일까?
  • var, let, const의 스코프 차이는 왜 생겼을까?
  • 호이스팅이 존재하는 이유는?
  • TDZ(Temporal Dead Zone)가 필요한 이유는?
  • +6개 더보기
10개 토픽 →

실행 컨텍스트

콜 스택, 실행 컨텍스트 생성 과정, 호이스팅의 실체를 학습합니다.

  • 실행 컨텍스트란 무엇일까?
  • 전역 컨텍스트가 특별한 이유는?
  • 콜 스택의 역할은 무엇일까?
  • 렉시컬 환경의 구조는?
  • +6개 더보기
10개 토픽 →

프로토타입 시스템

프로토타입 체인, 상속 메커니즘, class 문법의 본질을 이해합니다.

  • JavaScript가 프로토타입 기반인 이유는?
  • __proto__와 prototype의 차이는?
  • 프로토타입 체인의 종점은 어디일까?
  • 메서드 공유의 원리는?
  • +6개 더보기
10개 토픽 →

this 바인딩

호출 방식에 따른 this 결정 규칙과 바인딩 우선순위를 학습합니다.

  • this가 동적으로 결정되는 이유는?
  • 기본 바인딩 규칙은?
  • 암시적 바인딩은 어떻게 동작할까?
  • 암시적 바인딩 손실이 발생하는 경우는?
  • +6개 더보기
10개 토픽 →