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

Yung_Developer

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

Yung_Developer

검색하기 폼
  • 분류 전체보기 (77)
    • 개발 일기 (14)
      • 우아한테크코스-FE (13)
    • 알고리즘 문제 (32)
      • 백준 - 파이썬 (32)
    • 웹 개발 (17)
      • React (9)
      • 웹 (8)
    • 개발 (4)
    • 독후감 (0)
    • 스터디 (9)
      • 하브루타 스터디 (9)
  • 방명록

Virtual DOM (1)
브라우저의 렌더링 과정 이해하기 + CSS 태그와 script 태그 위치

이번 주제는 우리가 작성한 코드 혹은 서버에 요청한 코드가 어떻게 화면에 표시되는지에 대해 알아보겠습니다. 사용자가 볼 수 있는 화면을 구성하기 위해 브라우저는 HTML, CSS, Javascript로 작성된 텍스트 문서를 파싱하여 브라우저에 렌더링을 합니다. 벌써부터 낯선 단어가 두 개나 등장했습니다. 하나씩 차근차근 알아보도록 할게요. 먼저, 파싱(구문 분석)은 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해하고 토큰에 문법적 의미와 구조를 반영하여 트리 구조의 자료 구조인 파스 트리를 생성하는 일련의 과정을 말합니다. 여기서 토큰은 문법적인 의미를 가지며, 문법적으로 나눌 수 없는 코드의 기본 요소를 의미합니다. 쉽게 설명해서 파싱은..

웹 개발/웹 2021. 2. 22. 01:24
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 우테코
  • 리액트 리덕스
  • mkcert
  • 해쉬 라우터
  • 파이썬
  • 리액트 리스트 key
  • Python
  • 우아한테크코스
  • 리액트 키
  • props를 변경하지 못하는 이유
  • localhost https
  • 리액트 jsx
  • props를 변경하지 않는 이유
  • contentEditable focus
  • 리액트 동작원리
  • 백준
  • 리액트 props
  • React key
  • Redux Thunk
  • 인사이트
  • 프론트엔드
  • 브라우저 라우터
  • 프론트
  • 리액트 리스트 키
  • Browser Router
  • 댓글 모듈
  • 리덕스 썽크
  • 1463
  • Hash Router
  • 다라쓰
more
«   2026/01   »
일 월 화 수 목 금 토
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

티스토리툴바