구름의 글들

Git 이란? 나의 컴퓨터에서 관리되는 버전 관리 시스템(로컬에서 관리) Git Hub이란? 깃허브에서 제공되는 서버(원격 저장소)로 관리되는 버전 관리 시스템 결론 : Git으로 버전을 관리하는 폴더에 대해서 Github을 통해 여러 사람들이 공유하고 접근한다. Git의 작업환경 Git에는 총 3개의 작업환경이 존재한다. 1) working directory 프로젝트의 파일을 수정하는 작업영역 2) staging area 어느정도 작업하다가 버전 히스토리에 저장할 준비가 되어있는 파일들을 옮겨놓는 영역 3) .git directory 버전의 히스토리를 갖고 있는 영역 작업하고 있다가 어느정도 준비가 되었다면 staging area로 파일을 옮겨두고 commit이라는 명령어를 통해서 git 버전 히스토리..

2주차 스터디 키워드 1) 변수가 필요한 이유와 선언하는 방법 수많은 데이터를 효율적으로 기억하고, 적절한 시점에 꺼내 활용하기 위해 변수가 필요하다. 변수를 선언할 수 있는 키워드에는 const, let, var 3가지가 존재한다. 선언 방법은 let 변수명 = "" 식으로 변수를 선언할 수 있다. 참고) const, let, var의 차이점 let 자바스크립트에서 변수를 선언한 후에도 변수값을 변경할 수 있는 키워드 var는 더이상 쓰지 않는다! 왜? 대부분의 프로그래밍 언어에서는 변수를 선언한 뒤 값을 할당하는게 정상적인 순서다. [이유 1] 그러나 자바스크립트 var의 경우 변수를 선언하기 전에 값을 할당해도 정상적으로 작동한다. 이는 var hoisting 때문이다. [이유 2] var는 blo..

1주차 스터디 키워드 1) inline 태그 5개를 일렬로 나열하면 어떻게 될까? 2) block line 태그 5개를 일렬로 나열하면 어떻게 될까? 블록 태그와 인라인 태그의 차이에 대해 알아보자. 모든 HTML 요소들은 스타일링을 위해 각 요소의 특성에 따른 default display value(기본 표시 값)를 가진다. default display value 는 블록 레벨 요소(Block-level Elements) 와 인라인 요소(Inline-level Elements) 두 가지 범주로 나뉘며 이는 모든 HTML 요소가 블록레벨 요소이거나, 인라인 요소 이거나 둘 중 하나라는 뜻이다. 블록(block) 레벨 요소 블록 레벨 요소는 항상 왼쪽에서 오른쪽으로 페이지 전체 너비값을 갖는다. 따라서 해..

# 브라우저 동작 방식 브라우저가 HTML 문서를 읽어들이고 스타일을 입히고 실제 화면에 출력하기까지의 과정을 Critical Rendering Path라고 한다. 이 과정은 여러 단계로 나눠져 있지만 크게 2개의 단계로 표현할 수 있는데, 해당 단계는 하기와 같다. [STEP1] 브라우저는 읽어들인 문서를 파싱하면서 어떤 내용을 최종적으로 페이지에 랜더링할지 결정한다. [STEP2] 브라우저가 랜더링을 수행한다. 여기서 STEP1을 겪으면서 랜더링 트리가 생성되며 랜더트리는 HTML 및 CSS 요소들로 구성된다. 그리고 랜더트리를 생성하기 위해서는 두가지 모델이 필요한데, 이는 DOM과 CSSOM이다. 브라우저 동작방식을 자바스크립트 딥다이브 책의 정의에 따라 다시 나열하자면, 브라우저는 사용자가 보고..