diff --git a/docs/seoyunfleuve/DIL/2024-03-04.md b/docs/seoyunfleuve/DIL/2024-03-04.md
new file mode 100644
index 0000000..c0cf2cc
--- /dev/null
+++ b/docs/seoyunfleuve/DIL/2024-03-04.md
@@ -0,0 +1,47 @@
+### 2024-03-04
+
+## 들어가며
+
+### 왜 리액트인가?
+
+> 리액트의 상태 변화는 '단방향', '명시적'
+> <br />
+> : 상태가 변화했다면 그 상태 변화를 명시적으로 일으키는 함수만 찾으면 된다. 리액트의 명시적인 상태 업데이트는 많은 개발자들에게 간단함과 유연함을 제공한다. - p.3
+
+<br />
+
+### 리액트의 역사
+
+> 리액트의 관심사 분리는 컴포넌트 기반 - p.14
+
+> 리액트의 선언적인 인터페이스 - p.14
+> <br />
+> : 컴포넌트 트리로 간단하게 작성 가능하다, 어떤 컴포넌트의 렌더링이 필요한지 결정 가능하다, 필요하지 않은 영역에 대한 DOM 변경을 하지 않는다.
+
+> 리액트는 (상태를 관리하는 컨트롤러 대신) 상태에 따른 UI 를 선언적으로 구현, 코드를 더 간결하게 작성할 수 있게 한다. - p.16
+
+<br />
+<br />
+
+## memo
+
+> JSX (JavaScript XML) - p.4
+> <br />
+
+> LAMP 스택 - p.5
+> <br />
+
+> MVVM (Model-View-View-Model) - p.6
+> <br />
+
+> MVC (Model-View-Controller) - p.6
+> <br />
+
+> 스파르탄 프로젝트 - p.8
+> <br />
+
+> BoltJs - p.8
+> <br />
+
+> Flux 패턴 - p.12
+> <br />