리액트 제네시스 1부

회차

38화

최근 업데이트

2025년 09월 22일

왜 '리액트'는 태어나야만 했을까요? 2013년 JSConf에서 세상을 놀라게 하기 전, 페이스북 내부에서는 과연 어떤 일이 벌어지고 있었을까요? 1부는 바로 그 필연적인 '이유'에 대한 이야기입니다. 스파게티 코드의 지옥, 끝없는 버그와의 사투, 그리고 서버 사이드 기술인 XHP의 실험에서 발견한 희미한 빛 한 줄기. 리액트라는 거대한 성을 짓기 전, 반드시 거쳐야 했던 혼돈의 기반 다지기. 그 모든 것의 시작으로 당신을 초대합니다.

리액트 제네시스 1부

회차 목록

코드의 미궁, 페이스북 (2011)

알림 아이콘의 배신

스파게티 코드 속의 사투

구원자인가, 또 다른 족쇄인가? jQuery

DOM, 직접 만지는 것의 위험함

모델(Model)과 뷰(View)의 분리, Backbone.js의 등장

조던 워크, 고요한 관찰자

양방향 데이터 바인딩의 함정

상태는 어디에 있는가?

꼬리에 꼬리를 무는 업데이트 지옥

페이스북의 야심, 타임라인

거대한 도전, 실시간 뉴스피드

PHP의 한계, 그리고 XHP

PHP에 HTML을 심다, XHP의 실험

컴포넌트, 그 희미한 첫 모습

XHP의 성공, 그리고 남겨진 숙제

자바스크립트에서도 이게 가능할까?

조던 워크의 과거, 함수형 프로그래밍

스탠다드 ML, 불변성의 미학

모든 것은 함수다

낡은 지도를 버리기로 결심하다

아이디어의 조각들

함수, UI를 반환하다

UI = render(data)

첫 번째 프로토타입, 그 이름 FaxJS

팩스처럼, 단방향으로만 보낸다

데이터는 위에서 아래로 흐른다

단방향 데이터 흐름의 깨달음

거대한 질문: 매번 전부 다시 그리면 너무 느리지 않나?

성능이라는 거대한 벽

조던 워크의 역발상

바뀐 부분만 찾아낼 수 있다면...

메모리 속의 가짜 DOM

보이지 않는 설계도, 가상 DOM(Virtual DOM)의 탄생

이전 설계도와 새 설계도의 비교

Diffing 알고리즘, 최소한의 변경점 찾기

동료들의 첫 반응: 미친 짓이야

첫 번째 시연, 작지만 경이로운 움직임

이것은 세상을 바꿀 수도 있겠어