전체
공지사항Q&A

처음 만난 React(리액트)

굉장히 기초적인 내용 위주로 빠르고 쉽게 만나는 React! 웹 서비스를 위해 알아두어야 할 리액트 필수 개념을 짚어봅시다.

클래스 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
소플, React, 리액트, ReactJS, 웹프로그래밍, 프론트엔드, 프레임워크
수료증
발급 가능
추천 학습대상
- React를 처음 배우시는분
- 웹 서비스 화면을 좀 더 깔끔하게 유지보수하고 싶으신 분
- 꾸준히 자기개발하는 것에 겁먹지 않으시는 분
완강 예상 시간 = 4시간




💫깔끔한 강의자료, 꼼꼼한 설명, 소플과 처음 만나는 리액트💫

- 프레임워크를 처음 만난다면 리액트와 함께, 처음 만난 리액트와 함께 -


📝강좌 소개


📬화면을 만들기 위한 자바스크립트 라이브러리 리액트! 페이스북에서 제작, 배포하고 있는 프레임워크를 쉽게 이해해보세요. 등장 이후부터 프레임워크계의 인기쟁이를 담당하고 있는 리액트에게 빠져들 시간입니다.

🤔앵귤러도 있고, 뷰도 있는데 왜 리액트를 사용해야 할까요? 빠른 업데이트와 랜더링 속도, component 기반의 개발, 안정적인 유지보수, 활발한 지식 공유 & 커뮤니티 활성화 등 리액트를 배워야 할 이유는 아주 많습니다. 새로운 프레임워크에 도전해보고 싶다면, 프레임워크를 처음 배워야 하는 초보자라면 겁먹지 말고 시작하세요!



🎯학습 목표


  • 리액트에 대한 기초 개념을 쌓고 사용법을 익힙니다.
  • 리액트를 통해 웹 서비스 화면을 좀 더 깔끔하게 유지보수할 수 있습니다.



📣참고 사항


  • 본 강좌를 학습하기 위해 JavaScript, HTML 지식을 선행해야 합니다.
  • 본 강좌를 수강하신 분들을 위해 중급 강좌를 준비하고 있습니다.





강의자 소개



이인제

  • SOAPLE 소프트웨어 엔지니어

  • 개발 경력
    - 前 DDRAGON GAMES Manager
    - 前 KAIST ISILAB Researcher
    - 前 Lingofly Inc. CTO
    - 前 NemusTech Co.,Ltd Senior Researcher
    - 前 KTNET Assistant Manager

  • 강의 콘텐츠
    - Introduction to Python
    - Introduction to Amazon Web Services
    - Mobile app prototyping and development

  • 무료 강의 유튜브 채널 소플TV(https://www.youtube.com/channel/UC8YIgyBkvoyYfbCO4rkaTxw) 운영
교육 과정
모두 펼치기
  • 01
    React 소개
  • React 소개
    (실습) 웹사이트에 React 추가하기
  • 02
    JSX 소개
  • JSX 소개
    (실습) create-react-app
    (실습) JSX 코드 작성해보기
  • 03
    Rendering Elements
  • Elements 개념과 렌더링 과정
    (실습) 시계 만들기
  • 04
    Components and Props
  • Components와 Props
    Component 만들기
    Component로 추출하기
    (실습) 댓글 컴포넌트 만들기
  • 05
    State and Lifecycle
  • State와 Lifecycle
    (실습) state 사용해보기
    (실습) Component Lifecycle 살펴보기
  • 06
    Handling Events
  • Event 다루기
    (실습) 클릭 이벤트 처리하기
  • 07
    Conditional Rendering
  • 조건부 렌더링
    (실습) 로그인 버튼 렌더링하기
  • 08
    Lists and Keys
  • Lists와 Keys
    (실습) 출석부 출력하기
  • 09
    Forms
  • Forms 사용방식
    (실습) 사용자 정보 입력 받기
  • 10
    Lifting State Up
  • 공통된 state 다루기
    (실습) 섭씨와 화씨 온도 표시하기
  • 11
    Composition vs Inheritance
  • Composition과 Inheritance
    (실습) 사용자 프로필 구성하기
마지막 업데이트|2020년 12월 08일
선생님 소개
구름Teacher

클래스 후기
평균평점
5.0
난이도
쉬움
학습인원
29명