동캄의 코딩도장

Quest1 checklist 본문

WebDevCurriculum

Quest1 checklist

동 캄 2023. 3. 7. 09:29
  • HTML 표준의 역사는 어떻게 될까요?
    • HTML 표준을 지키는 것은 왜 중요할까요? --> 우리가 말을 할 때 문법을 지키는 것 처럼, 코딩을 할 때도 문법(표준)을 지켜야 서로 통신을 할 수 있기 때문이다.
    • XHTML 2.0은 왜 세상에 나오지 못하게 되었을까요? --> 하위 호환성을 고려하지 않았다. 따라서  HTML 5 로 방향을 선회하면서, 나오지 못하게 되었다.
    • HTML5 표준은 어떤 과정을 통해 정해질까요? -->  WHATWG 라는 단체에서 지정한다.
  • 브라우저의 역사는 어떻게 될까요?
    • Internet Explorer가 브라우저 시장을 독점하면서 어떤 문제가 일어났고, 이 문제는 어떻게 해결되었을까요? --> 시장을 독점한 뒤에는 기술 발전이 이루어 지지 않았다. 결국, 느리고, 웹 표준을 어기며, Active X를 사용해 호환성이 떨어지는 문제가 발생했고, 이러한 문제를 해결하기 위해 크롬, 파이어폭스 등과 같은 브라우저가 나타났다.
    • 현재 시점에 브라우저별 점유율은 어떻게 될까요? 이 브라우저별 점유율을 알아보는 것은 왜 중요할까요? -> 웹 서비를 제공하려면, 소비자가 사용하는 환경에 대해 먼저 파악하는 것이 중요하다.
    • 브라우저 엔진(렌더링 엔진)이란 무엇일까요? 어떤 브라우저들이웹  어떤 엔진을 쓸까요? --> 렌더링 엔진은 요청된 컨텐츠를 화면에 표시하는 역할을 한다. FireFox - Gecko , Safafi - Webkit, Chrome - Blink 엔진을  사용한다. 
    • 모바일 시대 이후, 최근에 출시된 브라우저들은 어떤 특징을 가지고 있을까요? --> 웹 브라우저를 소형화 하면서, 빠른 속도 & 적은 데이터를 기반으로 하는 브라우저들이 대두되고 있다. 블루투스, 자이로 센서등도 웹 브라우저에서 사용가능하도록 호환성을 넓히는데 노력하고 있다.
  • HTML 문서는 어떤 구조로 이루어져 있나요?
    • <head>에 자주 들어가는 엘리먼트들은 어떤 것이 있고, 어떤 역할을 할까요? --> HTML의 메타데이터가 포함된다. <meta> 요소로 문서의 character 인코딩을 특정, 저자 및 설명 추가, <title> 제목 선정, <link> 파비콘 및 css 파일 불러오기 등의 역할을 한다.
    • 시맨틱 태그는 무엇일까요? --> 시멘틱(semantic) 태크는 의미의 태그로, HTMl에서 의미를 표현하는 태그이다. 
      • 시맨틱 엘리먼트를 사용하면 어떤 점이 좋을까요? --> 먼저, 장애를 가진 사람과 가지지 않은 사람들의 경계가 없어진다. 차별없이 웹을 이용할 수 있게 되며, 개발자들은 서로 협업 시에 시맨틱 코드를 통해 쉽게 문서의 구조를 파악할 수 있다.
      • <section>과 <div>, <header>, <footer>, <article> 엘리먼트의 차이점은 무엇인가요? --> section 과 div는 의미론적 구분을 해주는 태그이고, header, footer, article도 의미론적 구분을 해주는 태그이지만, 좀 더 정확한 목적을 가지고 구분해준다.
    • 블록 레벨 엘리먼트와 인라인 엘리먼트는 어떤 차이가 있을까요? -->
      인라인 : text 크기만큼만 공간을 점유하고 줄바꿈을 하지 않는다.
      블록 : 무조건 한 줄을 점유하고 있고, 다음 태그는 무조건 줄바꿈이 적용된다.

'WebDevCurriculum' 카테고리의 다른 글

Quest6 checklist  (0) 2023.03.09
Quest5 checklist  (0) 2023.03.09
Quest 4 checklist  (0) 2023.03.09
Quest3 checklist  (0) 2023.03.07
Quest2 checklist  (1) 2023.03.07
'WebDevCurriculum' Related Articles more