동이의 개발일지
면접 질문 - 웹 관련 질문 편 (1) 본문

1. meta 태그란 무엇인가?
- meta태그란 <head> 부분에 위치하는 태그로, 페이지에 대한 메타데이터를 제공하는 역할을 합니다. 메타데이터는 검색엔진(seo) 페이지의 렌더링 방식, 그리고 브라우저 동작 등에 영향을 미칩니다. meta태그는 사용자가 직접 페이지에서 보지 못하는 정보를 담고 있지만, 웹 사이트의 성능과 seo 중요한 역할을 합니다.
여기서 추가 질문
검색 엔진 최적화(seo)란 무엇인가?
search engine optimization의 약자로 구글과 네이버와 같은 사이트에 검색엔진에 친화적인 사이트를 구축하여 광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화는 작업을 말합니다.
2. html과 xhtml의 차이
- html은 유연한 문법을 허용하는 반면, xhtml은 XML문법을 따르는 더 엄격한 규칙을 가지고 있습니다. xhtml에서는 모든 태그가 소문자여야 하고, 태그는 반드시 닫여야 아며, 속성 값은 상상 따옴표로 감싸야합니다.
3. doctype이란 무엇인가?
- doctype은 브라우저에게 문서가 어떤 버전을 사용하는지 알려줍니다. doctype을 통해 브라우저가 적절한 방식으로 문서를 렌더링 할 수 있습니다.
4.시맨틱태그란 무엇인가?
- html5에서 추가된 구조적으로 의미를 가진 태그들을 말합니다 시맨틱 태그를 사용한다면 개발하는 데에 수정해야 하는 것들을 쉽게 찾을 수 있어 개발에 용의 합니다 시맨틱 태그들로는 header , footer, aside, nav article, nav, section이 있습니다.
5. <img> 태그의 필수 속성은 무엇인가요?
- src(이미지의 경로)와 alt(이미지가 로드되지 않을 경우 보여줄 대체 텍스트)가 필요합니다. alt속성은 seo접근성 측면에서 매우 중요합니다.
6. <div>와 <section>의 차이는 무엇인가요?
- div는 아무 의미 없는 태그 단순 블록을 나누기 위한 태그지만, section은 의미적으로 독립된 영역을 나타낼 때 사용됩니다.
7. HTML5의 localstorage와 sesstionstroage의 차이점은 무엇인가?
- localstorage는 브라우저에 데이터를 영구적으로 저장하며, 브라우저를 닫고 다시 열어도 데이터가 유지되지만, sesstionstroage의 경우 웹 페이지를 닫게 되면 데이터가 삭제됩니다.
8. 웹 표준이란?
- 웹 표준이란 웹에서 사용하는 기술들이 모든 브라우저와 플랫폼에서 일관되게 작동하도록 하기 위해 정의된 규칙과 가이드 라인을 의미합니다. 웹 표준은 웹의 접근성, 호환성 그리고 유지보수성을 높이기 위한 목적으로 만들어졌으며, 주요 표준들은 w3c와 같은 표준화 기구에서 재정합니다.
추가 질문
웹 접근성 이란
- 웹 접근성이란 모든 사용자 특히 장애가 있는 사용자들이 웹 콘텐츠에 접근 할 수 있도록 설계하는 원칙
웹 호환성이란
- 웹 호환성이란 웹 표준에 따라 개발된 페이지는 크롬, safari와 같은 모든 브라우저에서 사용가능 하도록 해야하는 원칙
9. 웹 접근성을 높이는 방법에는 어떤 것들이 있나?
- 의미론적인 태그를 사용합니다. 예를 들어 시맨틱 태그와 같은 태그를 사용하고 div를 사용하는 경우는 확실한 class를 줍니다. (리액트에서는 classname을 줍니다) 이미지에 대체 텍스트를 제공합니다(ALT) 폼에 라벨을 추가합니다. 마지막으로 ARIA 속성을 사용하여 동적 콘텐츠나 복잡한 Ui요소의 접근성을 강화해줍니다.
10. token을 사용하는 이유는 무엇인가?
- 토큰은 주로 인증과 권한 부여를 위해 사용됩니다. 사용자가 시스템에 접글할 때 인증을 받고 나면 사용자에게 특정 토큰을 부여합니다. 토큰은 사용자의 권한과 리소스를 식별하는 것 외에 보안에도 사용됩니다.
11. URL와 URI의 차이점
URL은 URI의 일부분이다. url은 리소스를 식별하는 고유 주소를 말하고 url은 uri에 있는 리소스의 위치를 정확히 지정하는 주소를 말합니다.
12. 도메인에 google.com을 입력하면 어떻게 될까?
브라우저는 도메인의 ip주소를 찾기 위해 dns조회를 진행합니다 ip주소를 얻으면 브라우저는 구글 서버에 연결하고, 서버에 웹 페이지를 요청합니다. 서버는 요청된 html, css, js 파일 등을 브라우저에 보내고, 브라우저는 이를 렌더링 하여 화면에 웹 페이지를 표시합니다.
'웹 개발 > 면접 질문 및 웹 관련 질문' 카테고리의 다른 글
면접 질문 - js/ts관련 질문 편 (1) (1) | 2024.10.14 |
---|---|
면접 질문 - css 관련 질문 편 (1) (2) | 2024.10.13 |
리덕스 (1) | 2024.09.13 |
Clean Code는 왜 중요할까? (0) | 2024.09.06 |
웹 기본 질문 (0) | 2024.07.21 |