본문 바로가기 메뉴 바로가기

게으른 개발노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

게으른 개발노트

검색하기 폼
  • 분류 전체보기 (33)
    • 알고리즘 (0)
    • JavaScript (5)
      • 모던 자바스크립트 입문 (1)
    • 프로그래머스 데브코스 (12)
      • 단위기간 회고 (2)
      • 프로젝트 (3)
      • CS 면접 스터디 (7)
    • 회고 (2)
      • 2022년 (2)
    • etc (0)
    • React (5)
    • 코딩테스트 (6)
      • 프로그래머스 (5)
      • 백준 (1)
    • 토이 프로젝트 (1)
    • HTML (1)
    • CSS (0)
  • 방명록

kdt (1)
브라우저 동작원리 & 메모리

브라우저 브라우저는 크게 3가지 동작으로 나눌 수 있다. 통신 -> 렌더링 -> 스크립트 실행 통신 말 그대로 서버와의 통신을 의미한다. 브라우저가 서버에게 요청(url)을 보내면 서버는 그 요청값에 따른 특정값을 응답해준다. 렌더링 DOM(Document Object Model)이라 불리는 객체를 화면에 그리는 것을 의미한다. DOM은 통신 단계에서 받은 html을 브라우저가 읽어서 생성한다. 또한 DOM은 트리구조로 되어있다. 스크립트 실행 말 그대로 자바스크립트 실행을 의미한다. 브라우저가 스크립트 태그를 통해 자바크스립트 파일을 읽으면 바로 실행된다. 이 단계에서 우리는 동적인 화면을 구성할 수 있다. 메모리 메모리는 세가지의 과정을 거친다. 할당 -> 사용 -> 해제 할당 변수를 선언하면 메모리..

JavaScript 2022. 11. 11. 02:07
이전 1 다음
이전 다음
공지사항
  • 벨로그에서 티스토리로
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • CORS
  • 프로그래머스
  • 네트워크
  • useMemo
  • 무한스크롤
  • 원티드 프리온보딩 챌린지
  • 힙
  • 프로그래머스 데브코스 FE
  • 리액트
  • 라이프사이클
  • 토이 프로젝트
  • 프로젝트 회고
  • 회고
  • JavaScript
  • 배열의 메서드
  • 호이스팅
  • kdt
  • 스코프
  • 코딩테스트
  • 프로그래머스 데브코스
  • propTypes
  • 교착상태
  • jwt
  • 알고리즘
  • React.Memo
  • 프로세스 동기화
  • Recoil
  • 노션 클로닝 프로젝트
  • 번들러
  • 웹 브라우저 객체
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.