리액트 튜토리얼만 3번째라면 — 리액트 입문 강의가 다른 이유

튜토리얼은 다 따라 했는데, 왜 응용이 안 될까요

유튜브 리액트 튜토리얼을 그대로 따라 치면 결과물은 나옵니다. 그런데 튜토리얼이 끝나고 혼자 조금만 다른 기능을 추가하려고 하면 손이 멈춥니다. useState는 썼지만 왜 상태가 바뀌면 리렌더링이 일어나는지, useEffect의 의존성 배열이 정확히 무엇을 의미하는지 설명하려면 막막해지는 경우가 많습니다. 이는 코드를 베끼는 연습만 반복했을 뿐, 동작 원리를 배운 적이 없기 때문입니다.

원리부터 짚는 커리큘럼

NUGUNA LMS의 리액트 입문 30강은 이 지점을 정면으로 겨냥합니다. 6강 State와 useState는 State의 본질과 useState 훅의 동작 원리, 상태 변경이 리렌더링을 어떻게 일으키는지, 그리고 불변성 원칙을 왜 지켜야 하는지까지 깊이 다룹니다. 11강 useEffect 기초는 실행 시점과 의존성 배열의 역할, 클린업 함수가 왜 필요한지를 구체적인 예시로 짚고, 14강 useRef와 DOM 접근은 렌더링을 일으키지 않으면서 값을 유지하는 원리를 완전히 이해시킵니다.

단순 문법 나열이 아니라는 점은 15강 커스텀 훅 만들기에서 더 드러납니다. 반복되는 상태 로직을 커스텀 훅으로 추출하는 원칙을 배우고 useToggle·useLocalStorage·useDebounce를 직접 설계해보며, '왜 이렇게 만드는가'를 스스로 판단할 수 있게 됩니다. 18강 useReducer에서는 useState와 useReducer 중 무엇을 선택해야 하는지 기준을 세우고, 19강 성능 기초(memo)에서는 불필요한 재계산·재생성을 언제, 왜 막아야 하는지까지 실전 예제로 확인합니다.

이렇게 원리를 짚고 나면 22강 스타일링 방법 비교, 24강 비동기 상태 관리 패턴, 25강 Zustand 같은 다음 단계 도구를 만나도 '이게 왜 필요한지'부터 이해하고 시작할 수 있습니다.

혼자 막힐 때 다시 펼쳐볼 수 있는 강의

이 강의의 또 다른 장점은 영상이 아니라 텍스트로 구성돼 있다는 점입니다. 강의를 처음부터 끝까지 재생할 필요 없이, 지금 막힌 개념이 있는 강의 하나만 찾아 그 자리에서 코드와 설명을 다시 읽을 수 있습니다. useEffect 의존성 배열이 다시 헷갈릴 때, 영상을 처음부터 되돌려 볼 필요 없이 해당 강의만 다시 펼쳐 읽고 코드를 눈으로 다시 훑을 수 있습니다. 7강 이벤트 처리, 10강 폼 다루기처럼 실무에서 자주 막히는 주제도 각각 독립된 강의로 정리돼 있어, 필요할 때마다 찾아 읽는 참고서처럼 쓸 수 있습니다.

이런 고민이 있다면 지금 시작하세요

• 튜토리얼은 여러 번 따라 했지만 스스로 기능을 추가하지 못하는 분
• useState·useEffect를 쓰긴 하는데 정확한 동작 원리는 자신 없는 분
• 다음 면접이나 실무에서 '왜'를 설명할 수 있는 리액트 지식이 필요한 분
• 영상보다 텍스트로 필요한 부분만 다시 찾아 읽는 학습 방식이 더 맞는 분

이 시리즈는 무료로 로그인 없이 누구나 읽을 수 있습니다. 막히는 개념이 생길 때마다 부담 없이 다시 펼쳐보고, 원리부터 다시 짚어보세요. 지금 바로 확인해보세요.

리액트 입문 — 컴포넌트로 만드는 웹 무료로 읽으러 가기