
김일한의 리액트(React) 개발자를 위한 실습을 통한 입문 과정
소프트캠퍼스 윤재성
본 과정은 리액트를 이용하여 프론트 웹을 개발할 수 있는 방법에 대해 학습합니다. 리액트를 위한 자바스크립트 핵심문법, CDN 기반 리액트 개발, NPM 기반 리액트 개발 방법 학습 합니다.
입문
React, JavaScript, HTML/CSS





GS건설
임직원들도 이 강의를 듣고 있어요!





GS건설
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
hyerim_han
초보자가 보기에 쉽고 간결해요👍🏻
5.0
심재화
잘 설명되어 있습니다. 매우 도움이 되었습니다.😁
5.0
김지수
친절하게 설명해주셔서 좋았습니다.
쥬스탠드의 기본 개념과 상태관리 방법
자신의 프로젝트의 zustand 를 적용할 수 있게 됩니다
실용적인 상태 설계와 액션 설계를 하는 방법
zustand 에 내장된 미들웨어를 사용한 고급기능과 최적화 기법
"상태 관리는 나랑 안 맞는 것 같아요..."여러분, 혹시 이런 경험 해보셨나요?
리액트 상태 관리를 배우려고 검색을 해보니...
Redux, Context API, Recoil, Jotai, Zustand...
도대체 뭘 배워야 할지 막막하지 않으셨나요?
저 역시 처음엔 Redux 튜토리얼을 열심히 봤지만
"설정이 너무 많고 복잡해서 포기"
한동안 상태 관리는 나와 맞지 않는다고 생각했어요.
그러다 우연히 만난 Zustand!!
설정도 거의 없고, 코드도 간단해서 바로 실무에 적용할 수 있었어요.
"어? 이게 이렇게 쉽다고?"
그때부터 상태 관리가 두렵지 않게 되었죠.
이 강의는 그때 저의 경험을 바탕으로,
짧은 시간만 투자해도 처음 시작하는 분도 막힘 없이 끝까지 완주할 수 있도록 만든 강의입니다.
비전공자도 이해할 수 있는 쉬운 설명
복잡한 개념과 용어 없이,
상태 관리가 왜 필요하고 어떻게 동작하는지
아주 쉽게 풀어 드립니다.
실제 사용하는 방식 그대로 알려드립니다
이론만 가득한 강의가 아닙니다.
실무에서 바로 적용할 수 있도록
자주 사용하는 패턴과 예제를 중심으로 구성했습니다.
어려운 기능은 No! 꼭 필요한 기능만 다룹니다
create, set, get, selector는 물론
persist, immer, useShallow, devtools 등
현업에서 사용하는 기능만 선별해서 알려드립니다.
약간의 시간만 있으면 됩니다
Fast learn, easy to master.
Zustand의 낮은 러닝커브! 짧은 시간만 투자해도 상태관리를 마스터할 수 있습니다
React 포트폴리오 프로젝트에 상태 관리 기술을 적용하고 싶은 예비 취춘생
zustand 사용 경험이 있는 사람처럼 보이고 싶은 데, 아직도 시작을 망설이시는 분
React 상태 관리의 개념과 구조를 기초부터 배우고 싶은 입문자
강의와 함께 실습하면서 '왜 이렇게 관리해야 하는지'를 체계적으로 배우고 싶은 분
Redux는 복잡해서 손도 못 대본 리액트 개발자
복잡한 설정 없이, 훨씬 가볍고 간단한 상태관리 도구를 찾고 계신 분
React 상태 관리가 두렵지 않습니다!
create, set, get, selector 등 핵심 개념을 완전히 이해하고, 직접 스토어를 설계할 수 있게 됩니다.
React 프로젝트에서 전역상태를 자신 있게 다룹니다.
zustand를 이용해서 상태를 컴포넌트에 효율적으로 연결하는 방법을 익히게 됩니다.
실무 프로젝트에 바로 적용할 수 있는 패턴과 기능을 내 것으로 만들게 됩니다.
핵심만 빠르게 배운다
불필요한 이론 없이 꼭 알아야 할 핵심 개념과 실전 위주의 예제로 구성된 압축 강의
왜? 를 알려주는 구조적 설명
단순한 사용법 나열이 아닌, "왜 이렇게 쓰는가?"를 이해할 수 있게 도와드립니다.
Q. Zustand를 처음 들어봤어요. Redux나 Context API를 모르면 어려운가요?
아닙니다!
이 강의는 Zustand 자체를 처음 배우는 분들을 위한 입문자 친화적인 강의입니다.
Redux나 Context API에 대한 사전 지식이 없어도 React 기초만 알고 있다면 충분히 따라올 수 있도록 구성되어 있어요.
오히려 Redux보다 훨씬 간결하고 직관적이라, 상태 관리에 대한 좋은 첫걸음이 될 수 있어요.
Q. 이 강의 하나만 들어도 실무에 쓸 수 있나요?
네! 이 강의는 단순 사용법 나열이 아닌, 실제로 사용 가능한 상태 구조 설계와 패턴 중심으로 구성되어 있습니다.
특히 persist, immer, useShallow, TypeScript, DevTools까지 다루므로, 강의 후에는 실무 프로젝트에도 바로 적용할 수 있어요.
이 강의는 계속 업데이트될 예정입니다.
지금 이순간이 가장 저렴! 업데이트가 진행될 수록 가격은 점차 증가합니다
지금 결제하신 분들은 평생 추가 비용 없이 모든 업데이트를 평생 수강하실 수 있습니다!
React 기초
Javascript 기초
학습 대상은
누구일까요?
Zustand 에 관심 있으신 분들
React 상태 관리가 어렵게 느껴졌던 프론트엔드 개발자
새로운 상태관리 라이브러리를 도입하고 싶은 분들
실전 예제로 상태 관리를 익히고 싶은 분들
선수 지식,
필요할까요?
react
javascript
전체
17개 ∙ (1시간 28분)
1. 강의 소개
00:59
4. 상태 설계
04:48
5. 액션 설계
03:09
6. 비동기 액션 처리
02:52
8. Slice 패턴
05:22
전체
8개
4.5
8개의 수강평
수강평 3
∙
평균 평점 5.0
수정됨
수강평 2
∙
평균 평점 5.0
수정됨
수강평 21
∙
평균 평점 5.0
수강평 1
∙
평균 평점 5.0
수강평 9
∙
평균 평점 4.6
수정됨
1
강의를 수강하면서 여러 가지 아쉬운 점들을 느꼈습니다. 첫 번째는 강의 관리와 업데이트 부분입니다. 강의가 아직 완전히 업데이트 되지 않은 상태인데, 업데이트 일정이나 내용에 대한 안내가 전혀 없습니다. 섹션 3 마지막 강의와 섹션 4는 “준비 중”이라는 문구만 있고, 실제로 언제 어떤 내용이 추가될지 알 수 없어 답답합니다. 또한 강의 Q&A 게시판에 관련 질문을 남겼지만, 한 달 가까이 답변이 없어 강의가 관리 되지 않고 방치되고 있다는 느낌을 받았습니다. 두 번째는 개념 설명의 부족함입니다. 예를 들어 섹션 1에서 Zustand 스토어를 만드는 영상에서 “스토어라는 개념이 무엇인지, 왜 필요한지”에 대한 설명 없이 바로 store 폴더를 만들고 스토어를 생성하는 코드만 보여줍니다. 그러다 보니 “Zustand가 어떤 문제를 해결하는 라이브러리인지, Redux나 Context API와는 어떻게 다른지” 같은 핵심 이해가 빠져있어, 단순히 따라 치는 강의처럼 느껴졌습니다. 세 번째는 실습 방식의 한계입니다. 강의에서 코드를 직접 치며 작은 프로젝트를 직접 구현해 나가는 방식이 아니라, PDF 자료만을 보여주면서 사용방법만을 가이드하는 구조였습니다. 이런 방식은 기본 사용법만을 빠르게 훑어보기엔 편하지만, 실제로 코드를 작성하며 개념을 체득하는 과정이 없어 학습 효과가 매우 떨어지는 느낌을 받았습니다. 예를 들어 상태 관리가 어떻게 화면에 반영되는지, 실수했을 때 어떤 오류가 발생하는지, 비동기 처리를 구현하다가 생길 수 있는 문제를 어떻게 해결해야 하는지 등을 경험할 기회가 전혀 없어서 단순히 사용법을 익히는 수준에 머물러, 실질적인 성장으로 이어지기 어렵다고 느껴졌습니다. 결론적으로, 강의 관리도 미흡하다는 느낌을 받았고, 내용 자체도 깊이있지 않다고 느껴져서 큰 도움을 받지는 못했습니다.
인프런 썸머 블랙프라이데이 할인 중 (6일 남음)
₩26,950
30%
₩38,500
같은 분야의 다른 강의를 만나보세요!