일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 그리디알고리즘
- 노개북
- 클린코드
- 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS)
- JS비동기처리
- 시작
- CSS
- 노마드북클럽
- 북클럽
- 실용주의프로그래머
- 취업준비중..
- 자바스크립트스터디
- 개발자
- 개발자필독서?
- JavaScript
- 개발자필독서
- 취업준비중
- 노마드코더
- 프로그래머스
- 실용주의프로그래밍
- 2월기념일을위해서달리자
- 1931번문제
- 캐럿마켓클론
- 이펙티브타입스크립트
- 리액트의탄생
- 백준문제풀이
- 이벤트위임
- 이벤트위임예제
- 11399번문제
- 코딩
- Today
- Total
목록프로그래밍/기타 (2)
파카
내가 빠르게 찾아보기 위해 정리한 글 개념적으로 필요한 지식들을 정리하면서 이해하고 머리에 담아보려고 한다. 먼저 결론부터 정리하면 동작원리는 다음과 같다. 1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) 2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) 3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 5. 개별 노드를 화면에 페인트한다.(or 래스터화) ++ 세부적이 내용 DOM 구축 - 브라우저는 우선 html 파일을 DOM으로 변환(파싱)합니다. : 파싱..
이제는 집중할 때 인거 같다. 유튜브도 보고 몇몇 사람들에 의해 추천 받은 강의 사이트를 적어놓으면 좋지 않을까 해서 기록해놓는다. 적는 순서에 큰 의미는 없다. 많은 분들이 말하는 곳 - 생활코딩 / https://opentutorials.org/course/1 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그 opentutorials.org - Codecademy / https://www.codecademy.com/ : 여긴 영어로 된 사이트.. 개발자는 영어가 필수라는데.. Learn to Code - for Free | Codecademy Lear..