다음 교육 과정 선택에 도움을 받고 자 이 책을 읽었다.
06. 백엔드 개발에 필요한 최소한의 HTML 지식
Q. 백엔드 개발자가 HTML을 왜 알아야 할까?
고객에게 제공하는 페이지 외에 사내 시스템을 개발할 때 백엔드 개발자가 화면을 구성하는 경우가 있다. 또한 프론트엔드에서 웹 서버가 웹 브라우저와 어떻게 상호작용하는지 알고 있다면 효율적인 소통과 문제해결이 가능하다.
Q. 웹 브라우저가 웹 서버와 상호작용할 수 있는 방법에는 어떤 것들이 있을까?
대표적으로 4가지 방법을 사용한다. 첫째, URL을 사용하면 HTTP GET
요청을 사용한다. 둘째, <form>
태그를 사용하면 GET
과 POST
방식을 사용할 수 있지만 주로 POST
방식을
사용한다. 두 방법은 웹 페이지의 새로고침이 필요하다는 한계가 있다. 반면 셋째, Ajax
를 사용하면 새로고침 없이도 서버와 상호작용할 수 있다.
앞선 방법은 클라이언트에서 요청을 해야만 서버에서 응답할 수 있다. 반면 마지막 네 번째, 웹 소켓은 앞선 방법과 달리 서버에서 클라이언트로 먼저 데이터를 전송할 수 있다.
-
웹 브라우저가 서버와 상호작용하는 방법
- URL:
GET
요청 <form>
태그를 사용:GET
,POST
모두 사용 가능, 주로POST
를 사용XHR
을 사용한Ajax
요청: 페이지를 새로 고침을 하지 않으면서 요청, 데이터를 전송받는다.- 웹 소켓을 통한 연결: 클라이언트와 서버가 실시간으로 양방향 통신을 지원한다. 예) 채팅 서비스
- URL:
Q. HTML 페이지 가장 상단에 있는 독타입(Doctype)은 어떤 기능을 할까?
HTML 문서의 버전을 나타낸다. 현재는 HTML5를 가장 많이 사용한다.
Q. HTML 문서의 head 태그에는 어떤 정보들이 들어갈까?
검색 엔진 최적화(SEO)에 중요한 메타데이터가 담겨있다. title, charset, open graph 등을 사용한다. 그 밖에도 CSS에 사용하는 link 태그를 사용한다.
- Referer