시작하기 앞서...

이 에피소드는 사용하는 기술 스택, 특히 React.js에 대한 깊은 이해를 위해 시작되었습니다.

---

⚛️ Chapter 0. 왜 React인가?

책 '모던 리액트 Deep Dive'를 통해 학습한 내용입니다.

---

1. 데이터 바인딩 방식: 단방향 vs. 양방향

React와 Angular를 비교할 때 가장 큰 차이점 중 하나는 데이터 바인딩(Data Binding) 방식입니다.

🔄 Angular의 양방향 바인딩 (Two-way Binding)

• Angular는 양방향 바인딩을 사용합니다.
• 이는 View(화면)의 변화가 Component(상태)의 변화를 즉각적으로 일으키고, 반대로 Component의 상태 변화도 View에 즉각 반영되는 것을 의미합니다.
• 장점: 매우 편리하여 빠른 개발이 가능합니다.
• 단점: 애플리케이션의 규모가 커지고 복잡해지면 상태 변화의 흐름을 추적하기 어려워집니다.

➡️ React의 단방향 바인딩 (One-way Binding)

• React는 단방향 바인딩을 채택하고 있습니다.
• 상태(State)가 변화했을 때, 그 변화를 명시적으로 일으키는 함수(Function)만 찾으면 됩니다.
• 장점: 코드를 '읽기 쉽고', **'버그 가능성이 비교적 적다'**는 장점을 가집니다.
• 단점: 변화를 명시적으로 처리해야 하므로 코드가 많아질 수 있습니다 (코드의 양↑).

요약: 두 방식 모두 장단점이 있지만, React의 단방향 방식은 복잡한 애플리케이션에서 상태 변화를 명확하게 추적하고 안정성을 높이는 데 유리합니다.

---

2. 러닝 커브 (Learning Curve)

React는 학습 시작의 장벽이 비교적 낮습니다.

• 초기 학습 난이도: 기존 JavaScript(JS)와 HTML 지식에 더해 ** 약간의 추가 학습**만으로 시작할 수 있습니다.
• 난이도 변화: 처음에는 쉽게 느껴지지만, **'완벽히 이해'**하고 **'성능 최적화'**를 하는 것은 다른 프레임워크(VS Vue, Svelte)에 비해 어려운 편입니다.
• 결론: 처음은 easy, 나중은 hard.

---

3. 강력한 커뮤니티와 동향 (Community & Future Trend)

• 커뮤니티: React는 강력한 커뮤니티와 메인 스폰서인 Meta의 지원을 받고 있어 안정적입니다.
• 최근 동향: 최근 React는 '서버'에서 React를 효율적으로 사용하는 방법에 초점을 맞추고 있습니다.
• 시사점: 프론트엔드 개발자를 꿈꾸더라도, React를 서버 환경에서 구동하는 Node.js 같은 서버 환경 공부는 이제 기본 소양이 될 것입니다.

---

다음 글: 모던 리액트 Deep Dive - Chapter 01-1. 동등 비교