🪝드디어 가장 기대된 섹션을 시작했습니다: Custom Hooks, Refs & More State

Source: Dev.to

Introduction

와. 내가 간절히 기다리던 세션이 드디어 시작됐다.

오늘 나는 코스의 13번째 섹션을 시작했는데—이전 섹션이 단순히 개요였기 때문에 나는 이를 12번째 섹션이라고 생각한다. 이 섹션은 이미 다르게 느껴진다: 강력하고, 깊으며, 약간은 좋은 의미에서 위압적이다.

이 섹션이 나를 이렇게 설레게 하는 이유는 간단하다: 이제는 React를 사용하는 것이 아니라 깊이 이해하는 것이기 때문이다.

이전 섹션에서는 useEffect를 데이터 패칭에 올바르게 사용하는 방법을 배우고 이를 usePopcorn 앱에 적용했다. 그것만으로도 React에서 부수 효과를 바라보는 시각이 바뀌었다.

이번 섹션은 그 지식의 직접적인 확장이다.

What This Section Is About (And Why It Feels Like a “Boom”)

1️⃣ Hooks are easy to learn, hard to master

이 한 줄이 섹션이 중요한 이유를 설명한다. 나는 처음부터 훅을 사용해왔지만, 마스터하는 것은 전혀 다른 게임이다. 표면 아래에 숨겨진 것이 많으며, 이 섹션은 그 깊이를 파헤칠 것을 약속한다.

2️⃣ Rules of Hooks

React 문서 어디에나 존재하는 규칙들인데도 우리는 왜 그런지 진정으로 이해하지 못한 채 따르는 경우가 많다. 규칙 뒤에 있는 이유를 파악하면 개발자로서의 자신감이 자동으로 상승한다.

3️⃣ Deep Dive into useState

나는 useState를 처음부터 사용해왔고 다음을 알고 있다:

• 어떻게 동작하는지
• 언제 사용해야 하는지
• 흔한 사용 사례

하지만 그 깊은 로직을 한 번도 탐구해본 적이 없다. 깊이 파고들면 실제 애플리케이션에서 상태를 설계하는 방식이 바뀔 귀중한 통찰을 얻을 수 있다.

4️⃣ useRef (The Hook I Always Miss)

useRef는 내가 가장 어려워했던 훅이다. 등장할 때마다 조금씩 이해하지만 전체 그림을 놓치곤 했다. 이번에는 이론과 실습 모두에서 useRef를 완전히 마스터하겠다는 각오다.

5️⃣ Custom Hooks

그게 정확히 뭐지? 왜 필요할까? 어떻게 직접 만들 수 있을까? 여기서 React는 깨끗하고, 재사용 가능하며, 전문적인 느낌을 준다. 이 부분이 가장 재미있고, 동시에 최고의 도전이 될 것이라고 확신한다.

Why This Section Feels Special to Me

단순히 새로운 훅을 배우는 것이 아니라 React 개발자처럼 사고하는 것이 목표다. 코드를 작성하는 것이 아니라 React를 이해하는 것이다. 이 섹션을 마치면 다음과 같은 변화를 느낄 수 있을 것 같다:

• 내 코드는 더 깔끔해질 것이다
• 로직은 더 재사용 가능해질 것이다
• 상태에 대한 이해는 더 깊어질 것이다

솔직히 말해서, 이것이 내가 추구해 온 성장의 방향이다.

GitHub Repository (Overview File)

GitHub – 00-Overview.txt