생활코딩

Coding Everybody

코스 전체목록

닫기

React

| 공개

리액트 입문자를 위한 수업입니다. 

기본 문법과 핵심 개념을 익힐 수 있습니다. 

 

 

 

만들게 될 것

앱 : https://egoing.github.io/react-2022-tutorial-src/

소스코드 : https://github.com/egoing/react-2022-tutorial-src

 

 

 

알게 될 것

  • 리액트는 사용자 정의 태그를 만드는 기술입니다.
  • Props는 컴포넌트의 외부에서 사용하는 입력값입니다.
  • State는 컴포넌트 내부에서 사용하는 값입니다.
  • 이벤트는 Props를 이용합니다.
  • event.preventDefault()를 이용해서 기본동작을 비활성화 할 수 있습니다.
  • form을 변경할 때는 Props를 State로 전환 후 onChange를 이용합니다.

 

 

미리 알아야 할 것

 

 

 

유튜브 재생목록

https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7

 

 

책으로 만나보세요

수업이 책으로도 나왔습니다. 이 책의 인세는 비영리 단체 오픈튜토리얼스의 활동비로 사용됩니다. 
(구입)

 

 

실시간 라이브 강의 

아래 영상은 2023년 7월 22일~23일간 실시간 라이브 강의 녹화본입니다. 
https://youtu.be/OmfVoRtivl0

 

댓글

댓글 본문
  1. 바우
    어제 React 책을 구입하였습니다. 열심히 공부하려고요
  2. 아까그애
    2023.08.10
  3. 코딩두
    23.07.14
  4. 파시
    230615
  5. webby
    2023.03.09
  6. 오늘부터
    생활코딩으로 올 연말에 앱을 만들어 보는 것이 목표입니다. 꼭 성공하겠습니다. 생활코딩에서 출판한 도서는 모두 구입해서 좋은 일에 보탬을 드릴게요~
  7. 당당
    2022.09.21
  8. 2022. 09. 15 Start!
  9. 김치콩나물국
    22/09/14
  10. MelonMusk
    08/17
  11. 정스
    마음 다잡고 시작
  12. seophy
    아이디 잃어버린 밑에놈,,,
    다시 시작
  13. ally
    220720 시작..!
  14. 코딩러버
    시작합니다..
  15. toonfac
    220703 오후 9시 54분 완료
  16. 마스터하자
    생활코딩 2022.06.25 시작
  17. 주말좋아
    2022.06.08
  18. Tobin
    220526 시작합니다~!
  19. pdpd
    220410
  20. egoing
    수정했습니다 :)
    대화보기
    • 코코딩
      버전업! ㅎㅎ 너무 좋아요!
    • 마법의소라고동
      소스코드 주소 끝에 / 넣으면 정상적으로 뜨는 것 같은데 맞는지 모르겠네요. 좋은 자료 감사합니다.
    • Hyungsu Kim
      소스코드의 링크 url이 잘못 들어가 있습니다!
    graphittie 자세히 보기