Dev 82

마크업 개발 레벨 테스트

마크업 개발 레벨 테스트 서핑중에 흥미로운 테스트가 있어 해보고, 공유하는 차원으로 작성함. FE를 주력으로 하고 있다면 면접에서 나올법한 질문들이니 한번 쯤 테스트 해보면 좋을 것 같다. 마크업 테스트 예시 답안 위 : 작성한 답 아래 : 검색 결과 (없을 시 답이 맞은것) HTML Doctype을 사용하지 않을 때는 무슨 일이 발생할까요? HTML5이전 버전으로 렌더링되어 레이아웃이 깨짐 웹이 quirks mode로 작동해 구형 브라우저에서 동작하던 것과 같이 동작함 웹표준에 맞게 작업할 때 b, i 태그 대신 적합한 태그는 각각 무엇일까요? , ,는 단순히 style을 제공하는 태그로 의미있는 태그가 아님 block 요소와 inline 요소에 해당하는 태그들을 각각 5개씩 적어보세요. 블록 : di..

Dev/HTML 2021.07.01

웹 접근성(Graceful Degradation 과 Progressive Enhancement)

Graceful Degradation 우아한 낮춤 또는 적절한 퇴보 등으로 해석되며, 최신 기술 기반 또는 기기에서 동작하는 기능을 만들고 나서 오래된 기술 기반 혹은 기기에서도 유사한 성능으로 동작하도록 조치하는것. 예를들어 자바스크립트가 동작하지 않는 브라우저에서 접속 했을 때, “자바스크립트를 지원하는 브라우저를 사용하거나, 자바스크립트를 활성화해주세요”와같은 메세지를 띄우는 것이다. Progressive Enhancement 점진적 향상이라 부르며, 말 그대로 가장 기초적인 기술을 기반으로 점차 향상시키는 방법이다. 웹을 예시로 들면 유행하는 스택은 브라우저 지원 범위가 정해져 있는데, 이를 고려하지 않아도 되는 HTML, CSS, JS로 기본에 충실한 사이트를 구성하는 것이다. 구체적으로 여러 ..

Dev/HTML 2021.07.01