Hi
태그 목록
- 전체보기(65)
- TIL(39)
- JavaScript(36)
- React(13)
- 프로그래머스(3)
- 호이스팅(3)
- freecodecamp(3)
- CSS(3)
- this(3)
- 프로젝트(2)
- 메서드(2)
- 바인딩(2)
- 내부슬롯(2)
- Node(2)
- DOM(2)
- var(2)
- 회고록(2)
- 객체(2)
- 내부메서드(2)
- 프로토타입(2)
- 생성자함수(2)
- 함수(2)
- 스코프체인(1)
- 표현식(1)
- Module(1)
- MPA(1)
- ajax(1)
- 함수선언문(1)
- 함수표현식(1)
- 중첩함수(1)
- 계산된속성명(1)
- graphql(1)
- webpack(1)
- 콜백함수(1)
- 인스턴스(1)
- const(1)
- let(1)
- 가비지콜렉터(1)
- 블록레벨스코프(1)
- 리터럴(1)
- 재귀함수(1)
- 템플릿리터럴(1)
- 렉시컬스코프(1)
- useMemo(1)
- 개발환경(1)
- 화살표함수(1)
- 리플로우(1)
- Constructor(1)
- 파싱(1)
- html(1)
- useCallback(1)
- CSR(1)
- SSR(1)
- 렌더링(1)
- leetcode(1)
- 데이터타입(1)
- null병합(1)
- v8(1)
- spa(1)
- 상속(1)
- CSSOM(1)
- 토큰(1)
- 변수(1)
- TDZ(1)
- algorithm(1)
- typescript(1)
- 함수호출(1)
- 참조(1)
- 배열(1)
- 값(1)
- 함수레벨스코프(1)
- 순수함수(1)
- 깊은복사(1)
- npm(1)
- apollo(1)
- 스코프(1)
- 옵셔널체이닝(1)
- 프로퍼티(1)
- 불변객체(1)
- nodejs(1)
- 단축평가(1)
- 문(1)
- url(1)
전체보기 (65)TIL(39)JavaScript(36)React(13)프로그래머스(3)호이스팅(3)freecodecamp(3)CSS(3)this(3)프로젝트(2)메서드(2)바인딩(2)내부슬롯(2)Node(2)DOM(2)var(2)회고록(2)객체(2)내부메서드(2)프로토타입(2)생성자함수(2)함수(2)스코프체인(1)표현식(1)Module(1)MPA(1)ajax(1)함수선언문(1)함수표현식(1)중첩함수(1)계산된속성명(1)graphql(1)webpack(1)콜백함수(1)인스턴스(1)const(1)let(1)가비지콜렉터(1)블록레벨스코프(1)리터럴(1)재귀함수(1)템플릿리터럴(1)렉시컬스코프(1)useMemo(1)개발환경(1)화살표함수(1)리플로우(1)Constructor(1)파싱(1)html(1)useCallback(1)CSR(1)SSR(1)렌더링(1)leetcode(1)데이터타입(1)null병합(1)v8(1)spa(1)상속(1)CSSOM(1)토큰(1)변수(1)TDZ(1)algorithm(1)typescript(1)함수호출(1)참조(1)배열(1)값(1)함수레벨스코프(1)순수함수(1)깊은복사(1)npm(1)apollo(1)스코프(1)옵셔널체이닝(1)프로퍼티(1)불변객체(1)nodejs(1)단축평가(1)문(1)url(1)
브라우저의 렌더링 과정 😬 ⭐️
⭐️ 주소창에 주소를 입력하면? 각 컴퓨터는 IP주소를 가지고 있습니다. 서버에 요청을 보내려면 해당 서버의 IP주소를 알아야 하는데 IP주소는 192.168.0.1 과 같은 숫자들로 구성되어 있어서 외우기 쉽지 않죠 그래서 https://velog:io/@something 과 같은 사람이 기억하기 쉬운 도메인 이름을 사용합니다. 웹 브라우저는 주소창에 입력된 웹 사이트 주소(URL)를 이해하고 해당 주소와 연결된 IP 주소를 찾아야 합니다. 이 과정을 "DNS (Domain Name System)" 조회라고 합니다. 대략적인 순서는 이렇습니다 > 1. DNS는 웹 사이트 주소 (예: www.example.com)를 컴퓨터가 이해할 수 있는 IP 주소 (예: 192.168.1.1)로 변환하는 역할을 합니다. 이런 변환 작업을 통해 컴퓨터는 웹 서버에 연결할 수 있게 됩니다. 브라우저는 호스트명을 로컬 DNS 캐시(최근에 방문한 웹 사이트의 주소와 IP 주소를 저장
2021년 11월 12일
·
0개의 댓글·
2
다시 React! -3 DOM, Virtual DOM
DOM(Document Object Model)이란? > 1. 웹페이지의 HTML을 계층화 시켜 트리구조로 만든 객체모델 JS는 이 모델로 웹페이지에 접근하고, 페이지 수정 가능 DOM은 웹페이지 (HTML)과 Script언어(Javascript) 를 서로 잇는 역할 그래서 JavaScript는 어떻게 HTML에 접근할 수 있다는 말일까요? 바로 document라는 전역객체를 통해 접근할 수 있습니다. J
2021년 5월 25일
·
0개의 댓글·
0