웹 (4) 썸네일형 리스트형 <월간회고> 11월 | 프로젝트 회고 및 부스트캠프 수료 들어가며 드디어 길고 긴 부스트캠프 과정이 끝났다. 7월부터 정말 열심히 달려왔기 때문에 스스로가 대견하다. 네이버 부스트캠프는 1개월간의 챌린지 과정을 거치며 튼튼한 기반지식을 갖는 것으로 시작한다. 이 때, 새벽 2시전에 자본 적이 없을정도로 힘들었다. 이 때의 회고만 보더라도 그 고생이 새록새록 살아난다. 챌린지 과정에서 JS와 CS를 짧고 굵게 훑고나서 멤버십 과정이 시작됐다. 멤버십은 8주간의 학습 스프린트기간과 6주간의 그룹 프로젝트 기간으로 나뉘었다. 학습 스프린트기간은 2주 단위의 개인 프로젝트를 통해 풀스택 경험을 쌓아 올렸다. 이 때, 그룹원들과 기술적인 공유도 하고, 리뷰어 님들께 코드리뷰도 받으며 많은 성장을 했다. 학습 스프린트 기간이 끝나고, 10월 말부터 그룹 프로젝트가 시작되.. <네트워크> 페이지 렌더링 과정 1. 소개 - 지난 포스팅에서는 페이지 로딩 과정에 대해 알아보았다. 거기서 렌더링을 간단하게 짚어보았는데, 이번 포스팅에서는 그 부분에 대한 과정을 좀 더 자세히 알아보고자 한다. - 브라우저가 렌더링 하는 과정을 간단하게 미리 언급하자면, 먼저 html과 css를 처리하여 DOM트리와 CSSOM 트리를 빌드한다. 그리고 그 둘을 결합하여 렌더트리(렌더링트리)를 만들고, 각 레이아웃을 실행하여 형태를 계산한다. 마지막으로 그들을 그린다. 이제 이 과정을 세세하게 알아보자. 2. 과정 * DOM - 다운받은 html을 파싱하며 DOM트리를 만든다. - html을 파싱하는 것은 다음 일련의 과정을 거친다. ∙ Conversion : 바이트를 읽고 인코딩하여 문자열로 바꾸는 과정을 의미한다. ∙ Tokeni.. <네트워크> 페이지 로딩 과정 1. 소개 - 이번 장에서는 우리가 브라우저에서 특정 페이지로 이동할 때 어떤 과정을 거치는지 알아보자. - 흔히 우리는 브라우저가 URL을 해석하고 HTTP를 사용하여 웹페이지를 다운로드하여 사용자에게 보여준다고 알고있다. 이 장에서는 그 뒷면에서 어떤 과정들을 거치는지 알아볼 것이다. 2. 과정 - 여기서 설명하는 과정은 현재의 페이지(www.current.com) 에서 특정한 다음 페이지(www.next.com) 로 이동한다고 가정한다. - 이 때 웹 페이지를 로드하는 과정은 아래의 W3C Spec을 따른다. - 아래의 노란 부분은 JS로 건드릴 수 없고, 네트워크 Level에서 작업된다. * Prompt for unload - 현재 페이지에서 다른 페이지로 이동할 때 발생하는 이벤트이다. - js.. <후기> 부스트캠프 6기 1차 코딩테스트 합격 후기 (feat. 자소서) 0. 소개 네이버 부스트캠프는 네이버 커넥트 재단에서 운영하는 코딩 부트캠프이다. 매년 1기수씩 모집하고 있으며 AI 부문은 2기, 웹모바일 부문은 6기를 모집하였다.(2021년 기준) 부스트캠프 웹모바일은 1개월간의 챌린지 과정과 4개월간의 멤버십과정으로 나뉜다. 챌린지 과정에서 통과한 사람들만 멤버십 과정으로 넘어갈 수 있다는 단점이 있지만 과정의 모든 비용은 무료라는 큰 장점이 있다. 그 뿐만 아니라 채용연계 기회도 얻을 수 있다. 5기 기준으로 채용연계혜택을 62%가 받았으며 그중 네이버, 카카오, 라인 계열로 연계된 인원은 53%이다. 그렇다보니 경쟁률이 만만치 않다. 5기 기준으로 약 9:1이었으며, 매년 오르는 추세라고 했으므로 올해는 10:1을 거뜬히 넘겼으리라 예상된다. 1. 일정 202.. 이전 1 다음
