본문 바로가기

HTML

(2)
나는 어떤 응답을 만들었는가(부제 : 그놈의 '기초', '기본'은 무엇인가) 어떤 Http Response를 줄 것 인가? 글에서 다룰 주제 이번 글에서 다룰 내용은 기술적인 내용이나 경험(?)이 아닌 개발자라면 한 번쯤 생각해볼만 한 것? 정도 된다. 최근 들어 개발자 연봉 상승 소식도 많이 들리고, 개발자 수요도 많다하고, 비교적 진입 장벽이 높지 않다는 희망적인 소식 덕분에 많은 사람들이 소프트웨어 업계로 많이 오고 있다. 전직 또는 진로 변경을 하려는 사람들은 이미 현업에 있는 사람들에게 업계 질문을 많이 할 것이다. 그리고 현업에 있는 사람들의 조언을 잘 들어보면 거기에는 "기초만 잘 다지면..." , "기본적인 것만 할줄 알면..." 이런 말이 있을 것이다. 주의해야한다. 필자도 만 3년정도 경력이 있지만 그 기초가 뭔지 기본적인 것은 뭔지 명쾌하게 말할 수 없었다. ..
웹 브라우저에서 HTML문서 렌더링 과정 (동작 순서) 웹 브라우저의 HTML문서 렌더링 과정 1. 불러오기로더(Loader)가 서버로부터 전달 받는 리소스 스트림을 읽는 과정.읽으면서 어떤 파일인지, 데이터인지 파일을 다운로드할 것인지 등을 결정한다.2. 파싱 (Phasing)웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM Tree를 만든다.3. 렌더링 트리 만들기DOM Tree는 내용을 저장하는 트리로 자바스크립트에서 접근하는 DOM객체를 쓸 때 이용하는 것이고 별도로 그리기 위한 트리가 만들어져야 하는데 그것이 렌더링 트리다. (그릴 때 필요없는 head, title, body태그등이 없음 + display:none 처럼 DOM에는 있지만 화면에서는 걸러내야할 것들을 걸러냄)4. CSS 결정CSS는 선택자에 따라서 적용되는 태그가 ..