Jerry

2주 프로젝트의 막이 내려오고 있다. 2주 프로젝트 시간 언제 가나 싶었는데 순식간에 지나갔고 가고 있다고 느껴지는 듯하다. 오늘도 쌓인 기능 구현을 위해 팀 다 같이 으쌰 으쌰 했다. 하지만 다들 각자가 맡은 기능이 어려웠는지.. 컨디션이 별로 했던 것인지... 셋 모두 제대로 된 기능을 구현하지 못했다.. 아쉽지만.. 과정의 일부분이라고 생각하고 내일 더 잘하자고 서로에게 긍정적인 말로 팀플의 끝맺음을 했다. 데이터 정렬하기 오늘 내가 구현하려고 한 기능은 메인 페이지에 있는 트렌딩 버튼과 최신 버튼 기능을 구현하려고 했다. 시작하기 전까지는 이게 나를 힘들게 할지 몰랐다. 트렌딩 버튼은 하트 개수 기준으로 내림차순으로 게시글을 렌더링 하는 기능을 가지고 있고, 최신 버튼은 만들어진 순서 기준으로 게..

Index 들어가는 말 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 파싱과 DOM 트리 구축 HTML 파서와 DTD, DOM 파싱 알고리즘: 토큰 알고리즘 & 트리 구축 알고리즘 파싱이 끝난 이후의 동작 css 파싱 배치 그리기 마치는 말 출처 들어가는 말 브라우저는 어떻게 동작하는지 적어보려고 한다. 내가 검색창에 '브라우저 동작원리'라고 검색해보면 아래 첨부한 페이지가 나오거나 첨부한 페이지를 토대로 쓴 블로그 글이 나온다. 다른 관련 글도 있지만 첨부한 이 글이 가장 많이 인용이 되었고 코드스테이츠에서도 보라고 했던 페이지로서 이번 기회에 정리해보려고 한다. 참고로, 네이버에서 원본을 번역한 글이다. 웬만하면 영어 버전으로 읽어보려고 하는데 번역본 자체의 길이가 있고 익숙하지 않은 용어가..