목차/차례
1. HTML과 CSS의 차이점에 대해 설명하세요.
2. React 또는 Vue.js 같은 프론트엔드 프레임워크를 사용한 경험이 있다면, 그 프로젝트에서 어떤 역할을 했는지 말씀해 주세요.
3. JavaScript의 비동기 처리 방법에는 어떤 것들이 있으며 각각의 차이점은 무엇인가요
4. REST API와 GraphQL의 차이점은 무엇인가요 어느 상황에 어떤 것을 사용하는 것이 적합하다고 생각하나요
5. 브라우저 렌더링 과정에 대해 설명해 주세요.
6. CSS 전처리기(SASS, LESS 등)를 사용한 경험이 있다면, 그 장점과 단점을 말씀해 주세요.
7. 크로스 브라우징 문제를 해결하기 위해 어떤 방법들을 사용하나요
8. 성능 최적화를 위해 프론트엔드에서 할 수 있는 작업들은 어떤 것들이 있나요
본문/내용
1. HTML과 CSS의 차이점에 대해 설명하세요.
HTML과 CSS는 웹페이지를 구성하는 핵심 기술로 각각 다른 역할을 담당합니다. HTML은 HyperText Markup Language의 약자로, 웹페이지의 구조와 내용을 정의하는 언어입니다. 예를 들어, 텍스트, 이미지, 링크, 테이블 등 다양한 콘텐츠들을 배치하는 역할을 합니다. 실제 사례로, 11번가의 상품 상세 페이지에서 제품명, 가격, 설명 텍스트는 모두 HTML 태그를 통해 구조화되어 있습니다. 반면, CSS는 Cascading Style Sheets의 약자로, 웹페이지의 시각적 스타일과 레이아웃을 담당합니다. 색상, 폰트, 여백, 배경, 배치 등을 지정하여 사용자 경험을 향상시킵니다. 예를 들어, 11번가의 프로모션 배너에서 배경색 변경, 글꼴 크기 조절, 버튼 위치 조정은 모두 CSS로 이루어졌으며, 이를 통해 페이지의 전반적인 디자인 일관성과 시각적 매력도를 높일 수 있습니다. 통계적으로, HTML과 CSS를 제대로 활용하면 페이지 로드 속도를 평균 20% 향상시키는 효과가 있으며, 사용자 만족도 조사에서도 15% 이상 개선된 결과를 얻을 수 있습니다. 이처럼 HTML은 구조를 담당하며 콘텐츠를 정의하는 역할이고, CSS는 디자인과 스타…