[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

프론트 실무 최고 인기 리액트(React), 
강의 하나로 확실하게 잡아보세요! 🚩

혹시, 이런 고민 중이시라면 주목!💡 

Case 1 
리액트가 가장 인기라는데, 어디서부터 시작할지 모르겠어요!

"프론트엔드 채용 시장에서 가장 인기가 많은 도구인 리액트,
하지만 막상 시작하려니 어디서부터 어떻게 해야 할 지 감이 오지 않습니다."

Case 2 
나의 리액트 개발 프로세스에 대한 확신이 없어요.

"리액트를 활용해 어찌저찌하여 개발을 했지만,
이 방법이 과연 효율적인지 감이 오지 않습니다.

---

리액트 기초부터 실전까지, 확실히 알려드려요 🎯

어 저 이야기. 내 이야기 같다구요? 그러면 이 강의와 함께 하셔야겠네요!
이 강의의 목표는 다음과 같아요.

• 결과물을 JS와 리액트 버전으로 만들며 리액트의 역할과 장점을 한눈에 깨달을 수 있어요.
• 실습 어플리케이션 코딩과 12번의 과제를 통해 이론을 몸과 머리로 익힐 수 있어요.

---

이런 분들이 들으면 좋아요! 🧑‍🎓

• 리액트 공식 문서를 읽어 보았지면 여전히 어디서부터 시작해야할지 막막한 난감 유형
• 이론보다는 헬로월드로 시작하는 것을 선호하는 실행가 유형
• 리액트를 써보긴 했는데 도대체 어떤 점이 좋은지 꼭 짚어 설명하기 어려운 알쏭달쏭 유형

---

제 강의만의 특징 😎 

• React.js의 특징을 명확히 이해할 수 있어요!
  • 순수 자바스크립트와 리액트 개발을 비교하면서 리액트의 특징을 더욱 확실하게 이해해보세요.
• 리액트 공식 문서를 바탕으로 한 밀도 있는 수업!
  • 리액트 공식 문서가 말하는 주요 개념을 바탕으로 구성된 "리액트 핵심 수업"이에요.
• 철저한 실습 위주의 강의에요!
  
  • 쇼핑몰 검색 화면을 직접 코딩하면서 만들고 12가지 실습 과제를 풀면서 몸으로 익힐 수 있어요.
• 각 영상마다 Git Branch를 준비했어요.   
  
  • 실습 중 따라오기 어렵거나 실습 없이 수업하시는 분들을 위해 영상마다 깃 브랜치를 준비했어요.
  • 매 영상마다 사용한 코드를 브랜치 이동으로 간편하게 볼 수 있어요.

• 복습 후 바로 볼 수 있는 강의노트 제공!
  • 수업에서 사용한 강의 노트는 전부 블로그에서 얻을 수 있어요. (링크: 🖋김정환 블로그)
  • 수업 전에 전체 글을 가볍게 읽고 시작하면 좋아요. 예습👍
  • 수업 후에도 읽으면 더 좋아요. 복습👍👍

---

이런 내용을 배워요 📖 

1. 준비편
   • 디자인과 요구사항 분석 문서를 보면서 수업에서 만들 결과물의 미리 소개해요.
   • 순수 자바스크립트와 MVC 디자인 패턴으로 결과물을 만들며 UI 라이브러리의 필요성을 깨달아요.
2. 소개편
   • 리액트의 리액티브와 가상돔 개념을 소개하고 리액트를 사용하는 이유에 대해 알 수 있어요.
   • 리액트 개발에 사용되는 몇 가지 도구의 역할과 사용법을 익히고 실습을 준비해요.
3. 사용편 1
   • 리액트를 이용해 결과물을 다시 처음부터 구현하면서 리액트의 기본 개념을 익힐 수 있어요.
   • State, 이벤트 처리, 조건부 렌더링, 폼, 리스트와 키 등 리액트 핵심 원리를 이해할 수 있어요.
4. 사용편 2 (컴포넌트)
   • 리액트 컴포넌트를 소개하고 이전 편에서 만든 결과물을 리액트 컴포넌트로 개선해요.
   • 클래스/함수 컴포넌트, State 끌어 올리기, 상속, 조합 등 컴포넌트를 다루면서 마주치는 이슈를 배울 수 있어요.

기본화면

검색 결과 화면

최근 검색어 화면

다음 강의

[리액트 2부] 고급 주제와 훅

저를 소개합니다 🧑‍🏫

김정환

웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자
웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영하고 있어요.

• 링크: 🖋 김정환 블로그

학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유하는 활동도 하고 있어요.

• 링크: 🎥 인프런
• 링크: 🎥 유튜브

우아한형제들에서 프론트엔드 개발자로 일하고 있어요.

• 링크: 🖋 우아한형제들 기술블로그

리액트 기술과 관련된 컨텐츠도 작성했어요.

• 링크: 🖋 리액트 관련 블로그 글
• 링크: 🎥 리액트 관련 유튜브 영상

---

수강생 분들을 위한 Q&A 🙋