목차/차례
1. HTML과 CSS의 차이점에 대해 설명하세요.
2. JavaScript의 클로저(Closure)에 대해 설명하고 예시를 들어보세요.
3. React 또는 Vue와 같은 프레임워크에서 상태관리 방법을 설명하세요.
4. 이벤트 버블링과 이벤트 캡처링의 차이점을 설명하세요.
5. 반응형 디자인을 구현하기 위해 어떤 기술이나 방법을 사용하는지 설명하세요.
6. HTTP와 HTTPS의 차이점과 각각의 역할에 대해 설명하세요.
7. 프론트엔드 퍼포먼스를 향상시키기 위한 최적화 기법을 3가지 이상 설명하세요.
8. REST API와 GraphQL의 차이점에 대해 설명하세요.
본문/내용
1. HTML과 CSS의 차이점에 대해 설명하세요.
HTML과 CSS는 웹 개발에서 각각 다른 역할을 담당하는 기술입니다. HTML은 하이퍼텍스트 마크업 언어로서 웹 페이지의 구조와 내용을 결정하는 역할을 합니다. 예를 들어, 텍스트, 이미지, 링크, 표 등 다양한 콘텐츠를 배치하는 데 사용됩니다. HTML은 문서의 구성 요소들을 태그로 감싸서 구조를 명확히 하며, 브라우저가 이를 해석하여 사용자에게 보여줍니다. 반면 CSS는 Cascading Style Sheets의 약자로서, HTML로 만들어진 콘텐츠에 스타일을 입히는 역할을 수행합니다. 색상, 폰트, 여백, 레이아웃, 애니메이션 등 시각적 요소를 담당하며, 사용자가 페이지를 볼 때의 인상과 사용자 경험을 결정짓습니다. 예를 들어, CSS를 통해 버튼의 크기와 색상을 변경하거나, 그리드 레이아웃을 적용하여 반응형 디자인을 구현하는 것이 대표적입니다. HTML과 CSS는 함께 사용되어야만 완성도 높은 웹 페이지를 만들 수 있습니다. 실제로, HTML은 원하는 콘텐츠를 구조화하는 데 평균 70%의 시간소요를 차지하며, CSS는 시각적 연출을 위해 30% 정도에 달하는 작업이 필요합니다. 따라서, HTML은 "무대의 기초"를 제공…