생활코딩

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

 

 

책으로 만나보세요

수업이 책으로도 나왔습니다. 이 책의 인세는 비영리 단체 오픈튜토리얼스의 활동비로 사용됩니다. 
(교보, 알라딘, yes24, ebook)

 

 

 

댓글

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