-
HTML5 특징
- 하위 호환성: HTML5는 기존의 모든 문서 타입을 래핑한다.
- 간단한 문법: 시멘틱 마크업을 위한 의미적 요소들이 강화, 생산성이 향상된 코딩을 지원하며, 문서의 크기가 작아졌다.
- SVG 태그를 이용한 2차원 벡터 그래픽과 자바스크립트 캔버스를 사용한 2차원 래스터 그래픽, css3와 자바스크립트 WebGL을 사용한 3차원 그래픽의 구현이 가능
- 멀티미디어 : 플러그인 기반의 각종 프로그램을 별도로 설치하지 않아도 영상, 음악 지원 기능을 자체적으로 제공합니다.
- 오프라인과 저장소(스토리지) : 인터넷 연결이 지원되지 않는 곳에서도 웹 이용을 가능하게 하는 오프라인 처리 기능과 로컬 저장소, DB 및 파일 액세스 처리가 가능합니다.
- 기능의 재사용기능의 재사용 : 각각의 브라우저에서만 사용 가능한 기능들을 통합하여 공통적으로 사용할 수 있어야 한다.
-
HTML 로딩 순서를 설명해주세요
- 불러오기 -> 파싱 -> 렌더링 트리 만들기 -> CSS결정 -> 레이아웃 -> 그리기
-
HTML5에서 추가된 시맨틱 요소에 대해 설명해주세요
- header, nav, section, aside, footer, mark 등등
-
웹접근성이란 무엇인지 설명해주세요. 웹접근성은 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항입니다.
(고려사항)
- 시각
- 이동성
- 청각
- 인지
-
CSS 미디어쿼리는 어떤 역할을 수행하는지 설명해주세요.
-
CSS 의사선택자는 무엇인지 그리고 어떤 것들이 있는 설명해주세요. CSS에서 의사 클래스는 선택하고자 하는 HTML 요소의 특별한 '상태(state)'를 명시할 때 사용합니다.
- link: 사용자가 아직첮 한 번도 해당 링크를 통해서 연결된 페이지를 방문하지 않은 상태를 모두 선택함.
- visited: 사용자가 한 번이라도 해당 링크를 통해서 연결된 페이지를 방문한 상태를 모두 선택함
- hover: 사용자의 마우스 커서가 링크 위에 올라가 있는 상태를 모두 선탣람
- active: 사용자가 마우스로 링크를 클릭하고 있는 상태를 모두 선택함
- focus: 초점이 맞춰진 input 요소를 모두 선택함
- checked: 체크된 상태의 input 요소 를 모두 선택함
- enabled: 사용할 수 있는 input 요소를 모두 선택함
- target: 현재 활성화된 target 요소를 모두 선택함
-
reset.css, base.css 또는 common.css에 대해 사용하는 이유와 각각의 차이점 설명해주세요
- 재사용성 목적
- 업데이트의 용이
- reset: 브라우저에 따라 다른 스타일을 동일하게 맞추기 위해 사용
- common: 공통적으로 적용되는 스타일이 위치
- base: 흔히 사용하는 css
-
크로스 브라우징에 대해 설명해주세요.
-
어디까지 맞춰봤는지?
-
ajax에 대해 설명해봐주세요.
-
포트폴리오 markups-io의 rex 템플릿을 활용하셨던데 특별한 이유가 있을까요?
-
개발자와 협업해보신적이 있나요?