개발이 하고싶은, 첼시를 좋아하는

프로그래머스/데브코스 프론트엔드

[TIL] 2022-03-22 / 2일차

오늘 배운 내용 네트워크 기초 브라우저에 URL 주소를 입력했을 때 무슨 일이 발생하는가? URL 해석 DNS 조회 : DNS이 도메인은 IP주소로, IP주소는 도메인으로 변환 IP가 존재하는 서버로 이동 : 라우터를 통해 해당 서버가 있는 대역으로 접근하는 것 ARP를 이용해 MAC 주소 변환 : 논리 주소인 IP를 물리 주소인 MAC 주소로 변환 TCP 통신을 통해 Socket을 Open : Socket을 열어야 데이터를 주고받을 수 있다. 이때 3 way handshake로 연결. 서버에서 응답을 반환 : 데이터를 읽고 요청에 따라 처리를 해준다. 브라우저에 URL을 입력하면 응답 결과는 HTML 브라우저가 렌더링 : 읽어온 HTML을 통해 DOM Tree를 구축, 스크립트가 있다면 실행 선택 과제..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-03-21 / 1일차

오늘 배운 내용 브라우저 동작 원리 크게 3 동작으로 분류할 수 있다. 통신 렌더링 스크립트 실행 통신 말 그대로 서버와의 통신을 말한다. 브라우저가 서버에 요청을 보내면 서버는 응답을 보내주게 된다. 이 요청은 한 번에 하나씩 요청할 수 있고, 동시에 여러 요청을 보낼 수도 있다. 렌더링 DOM이란 객체를 화면에 그려주는 것이다. 여기서 DOM은 통신을 통해 받은 HTML을 브라우저가 읽어서 생성되고, 생성된 DOM은 트리구조이다. 스크립트 실행 말 그대로 Javascript를 실행하는 것을 의미한다. 스크립트 실행으로 동적인 화면을 구성할 수 있다. 프론트엔드 개발자의 역할 브라우저에 상에서 동작하는 UI를 개발하는 것이다. UI를 개발하는 과정은 복잡하기 때문에 소통 능력을 길러야 한다. 변수, 상..