frontend 질문 목록

• 반응형 웹 디자인을 어떻게 구현하나요?

  미디어 쿼리, 유동 레이아웃(fluid), 뷰포트 단위(vw/vh) 등을 언제, 어떻게 활용하는지 예시를 들어주세요.

• CSS z-index는 어떻게 작동하나요?

  stacking context 개념과 함께 의도한 레이어 순서를 구현하는 방법을 설명해주세요.

• CSS position 속성 종류와 사용 예시에 대해 설명해주세요.

  static, relative, absolute, fixed, sticky의 동작 원리와 대표적인 활용 케이스를 설명해주세요.

• Flexbox와 Grid 레이아웃의 차이점은 무엇인가요?

  1차원 레이아웃(Flexbox) vs 2차원 레이아웃(Grid) 특성과, 각각을 써야 할 상황을 비교해주세요.

• HTML5에서 시맨틱 태그의 역할은 무엇인가요?

  웹 접근성·SEO 향상을 위해 <header>, <main>, <article> 등 시맨틱 태그를 언제, 왜 사용하는지 예를 들어 설명해주세요.