| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 프론트앤드
- html
- 정렬
- javascript
- Git
- 알고리즘 기초
- 알고리즘
- react
- frontend
- BFS
- HTML기초
- 그리디
- 프로그래머스
- DFS
- 혼자 공부해서 개발까지
- Mini-React
- c언어
- 크래프톤 정글
- 코딩테스트
- 정글
- 백준
- Python
- 팀프로젝트
- 코딩
- 개발자
- 프론트엔드
- 해시
- js
- CSS
- 그래프
Archives
- Today
- Total
목록2026/03/13 (1)
민혁이의 IT스토리
Intro지난 포스팅에서는 createElement로 가상 DOM(설계도)을 만들고, render 함수에서 재귀(Recursion)를 사용해 실제 브라우저 DOM에 노드를 그려보았습니다. 드디어 화면에 우리가 짠 코드가 렌더링되는 기쁨을 맛봤죠 하지만, 우리가 만든 초기 render 함수에는 아주 치명적인 문제가 하나 숨어있었습니다.// 이전 포스팅의 문제점: 한 번 시작하면 멈출 수 없는 렌더링function render(element, container) { // ... DOM 생성 ... element.props.children.forEach(child => render(child, dom));} 트리 구조를 순회하기 위해 재귀 호출을 사용했기 때문에, 트리가 엄청나게 깊고 거대해지면 브라우저는..
혼자 공부해서 개발까지/JavaScript
2026. 3. 13. 15:51