신입 프론트엔드 면접 질문 리스트 : HTML, CSS

HTML

• 시맨틱 마크업에 대해 설명해 주세요.
• HTML 렌더링 중 JavaScript가 실행되면 렌더링이 멈추는 이유가 무엇인가요?
• attribute와 property의 차이에 대해 설명해 주세요.
• script 태그의 defer와 async의 차이에 대해 설명해 주세요.
• BOM과 DOM에 대해 설명해 주세요.

CSS

• Cacading에 대해 설명해 주세요.
• CSS 애니메이션과 JavaScript 애니메이션 차이에 대해 설명해 주세요.
• position 속성에 대해 설명해 주세요.
• display 속성에 대해 설명해 주세요.
• flex와 grid의 차이점에 대해 설명해 주세요.
• px, em, rem의 차이에 대해 설명해 주세요.
• CSS 선택자 우선순위에 대해 설명해 주세요.
• 페이지 크기가 변해도 항상 같은 비율을 유지하는 요소를 만들기 위해서 어떻게 해야하나요?
• float 동작에 대해 설명해 주세요.
• margin과 padding에 대해 설명해 주세요.
• margin 병합에 대해 설명해 주세요.
• SCSS에 대해 설명해 주세요.
• CSS in JS의 장단점은 무엇인가요?
• 가장 클래스에 대해 설명해 주세요.