From Kotlin to Spring Security
kwangsung
There are so many benefits to developing Spring Boot with Kotlin. I think it would be good to learn about them through this lecture.
초급
Kotlin, Spring Boot, Thymeleaf
리액트 훅(React Hook)으로 만드는 웹앱
모던 프론트엔드 프레임워크 중 가장 인기있는 React(리액트), 하지만 배우기가 어렵습니다. 이를 해결하기 위해 훅(Hook)이 나왔습니다. 본 강의는 훅을 이용해 React를 쉽게 배울 수 있도록 도와드립니다.
이런 걸 배울 수 있어요
React 기초
React Hook 사용법
할 일 관리 웹 앱 개발✅로
쉽고 재미있게 배우는 리액트 훅!
이 강의는! 📖
React Hook?
훅(Hook)이란, 함수형 컴포넌트에서도
클래스형 컴포넌트의 기능을 사용할 수 있도록
React 16.8 버전부터 도입된 기능입니다.
현재 프론트엔드 프레임워크 중 가장 인기있는 프레임워크, 리액트에서 최근 함수형 개발 방법을 가능하게 만들어주는 훅을 발표했습니다. 훅을 이용하면 재사용 가능한 로직을 쉽게 만들 수 있고, 보다 간편하게 기능을 구현할 수 있습니다.
본 강의에서는 리액트 훅(React Hook)으로 할 일 관리(To-do List) 웹앱을 만들어 봅니다. 아래와 같은 할일관리앱을 훅을 통해 함수형 개발 방식으로 개발할 수 있습니다.
누가 배우면 좋을까요? 📐
쉽고 재미있게
접근하고 싶으신 분
다음 단계를
학습하고 싶으신 분
되고 싶은
개발자 취업 준비생
- 기술은 배웠는데, 어디에 어떻게 쓰이는지 감이 오지 않았던 분들을 위한 강의입니다.
- 각 단계를 개발 가능한 수준으로 나눠, 단계별로 차근차근 익히고 활용할 수 있어요.
- 파트별로 기능을 직접 만들어보고, 더 높은 학습 효과를 얻어보세요!
직접 만들어보세요! 📜
리액트 훅(React Hook)으로 위와 같은 할 일 관리 앱을 개발할 수 있습니다. (바로가기)
기본에 충실한 설명으로
초보자도 쉽게
따라할 수 있어요.
실제로 리액트 훅이
웹앱 개발 과정에서
어떻게 쓰이는지 배워요.
쉽고 간단한
개발환경 설정을 위한
CodePen을 사용해요.
리액트 개발 전체를
경험할 수 있는
예제를 만들어봅니다.
예상 질문 Q&A 💬
Q. 리액트를 알아야 들을 수 있나요?
본 강의는 리액트 기초를 다룹니다. 설명을 나열하는 대신 아주 간단한 웹앱을 직접 개발해보면서 리액트의 기능을 파악할 수 있게 만들었습니다.
Q. 수강 후, 리액트에 대해 얼마나 알 수 있을까요?
모던 자바스크립트 학습 범위는 크게 3가지로 나눌 수 있습니다. 1) 동적 UI, 2) Router를 통한 페이지 이동, 3) 서버와 통신입니다. 본 강의에서는 이 중에서 “동적 UI”를 배울 수 있습니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
자바스크립트 기본기가 있으신 분
쉬운 React 개발 방법을 알고 싶은 분
React Hook 을 배우고 싶은 분
선수 지식,
필요할까요?
자바스크립트
HTML
5,081
명
수강생
119
개
수강평
29
개
답변
3.7
점
강의 평점
9
개
강의
- 현) 리얼메이커 수석 개발자
- 전) CCG 수석 개발자
- 전) VARDOT 소프트웨어 엔지니어, 드루팔 개발자
- 전) 반도체 에칭 시뮬레이션 책임 개발자
커리큘럼
전체
17개 ∙ (1시간 47분)
1. 강의 소개
02:26
2. 개발 환경
10:59
3. Input 요소 추가
09:20
4. 상태와 상태관리자
05:13
5. useState
06:30
7. 리스트 맵 함수 사용, 키 값
08:08
8. Task 리스트 추가
07:47
10. 스타일 변경
05:20
11. clickHandler 추가
10:35
12. 취소선 기능 추가
02:26
14. 삭제버튼 기능 활성화
04:59
15. useContext 소개
07:07
16. useContext 구현
10:30
17. 마치며 ...
00:31
강의 게시일:
마지막 업데이트일:
수강평
전체
5개
4.0
5개의 수강평
minkh05127888수강평 4
∙
평균 평점 4.5
3
35% 수강 후 작성It seems like there are a lot of skipped content and the lecture subject is a bit vague for a beginner. It seems like there are a lot of parts that take up a lot of time compared to the lecture time and progress speed.. Personally, I think it is not a cost-effective lecture.
- kwangsung지식공유자
Thank you for your words. I will try to make better lectures.
- 3chamchi7784
수강평 1
∙
평균 평점 5.0
- didue
수강평 1
∙
평균 평점 3.0
3
100% 수강 후 작성This is a lecture for those who want to study React Hooks, rather than for beginners, and who have used React at least once or have experienced other front-end languages based on js. Although each lecture is short, there is a lot of unimportant content and a lot of content that is skipped, so the quality satisfaction is a bit low even though it is a paid lecture.
- study17823
수강평 3
∙
평균 평점 4.3
- seolahkimglobal8412
수강평 2
∙
평균 평점 5.0
5
94% 수강 후 작성I listened to the good class. Thank you. It's good for React beginners. Since I have knowledge of Vue.js, I was able to understand the lecture more easily, and it was good to be able to create a simple web app in about 2 hours. Learning the concept of useContext was the most helpful thing I learned in this lecture. What I regret after listening to the lecture is that I wish the progress was a little faster, and since it is a paid lecture, I wish the explanation of the lecture content was richer. For example, when covering UseContext, it covers the pros and cons, as well as the troubles and cautions that arise when overusing it.
- kwangsung지식공유자
Thank you for leaving a review. We will use your feedback to improve the content. Thank you.
₩22,000
최광성님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
