React

컴포넌트 제작

수업소개

React의 핵심 기능인 컴포넌트를 제작하는 방법을 소개합니다. 

 

 

 

강의1

코드의 변경 사항

 

 

 

강의2

기본적인 컴포넌트를 만들어봅니다. 

코드의 변경 사항

 

 

 

강의3 

나머지 태그들을 컴포넌트화 시키기

 코드의 변경 사항 

 

 

 

강의4

props의 사용방법을 소개합니다. 

코드의 변경 사항 

 

 

 

강의5

React의 컴포넌트를 쉽게 탐색할 수 있도록 돕는 도구를 소개합니다. 

 

 

 

강의6

코드 변경 사항

댓글

댓글 본문
  1. imtheone
    23/8/14
  2. 파시
    230627
  3. Rachel
    React Componet를 만들고 props 속성도 이해하게 되다니! 감사합니다~ 축하합니다~
  4. chio
    20220221
  5. 제이엠
    완료
  6. 개발맨
    완료
  7. GelandeWagen
    ok
  8. 토미
    크롬 도구 못찾는 분들을 위해..
    https://reactjs.org......ler
  9. Poroporo
    2021.08.04 컴포넌트 제작 완료:)
  10. 2021. 7. 24 완료
  11. 걱정하지않는자
    2021.07.19 완료.
  12. 도비
    2021.07.11 완료
  13. 웹마스터!
    2021-6-21 완료
  14. 토템이
    2021.06.15 REACT시작
  15. ybuser
    react 크롬 확장 툴이 약간 변경되었네요
  16. jeisyoon
    2021.06.01 컴포넌트 제작 - OK
  17. 푸른벚꽃
    21.4.2 완료.
  18. 유대영
    21,4,2 완료
    감사합니다
  19. 푸른벚꽃
    강의 1 완료 3.31
  20. Khalin
    너무 오래되어서 이미 해결 하셨겠지만 혹시 몰라 올려드립니다.
    localhost:3000/pure.html로 접속하시면 pure.html로 접속하실 수 있습니다.
    대화보기
    • terminal에서 npm run start 입력하니 실행됐습니다!
      대화보기
      • Youngja Sung
        public 폴더 안에 pure.html만들고 로컬호스트3000에서 실행되신분..?? 도와주세요
      • free the beast
        공부 하러 왔다가 축하만 엄청 받고 가네요 허허
      • 생활둘기
        2021 1 20
      • testrestbestwest
        감사합니다.
      • 아돌
        감사합니다~!
      • 김인환
        냠냠!
      • thebluerat
        이제 react developer tools의 위치가 바뀌었네요 ㅎㅎ
      • Brandon S. Ha
        이고잉님 감사합니다. Props 랑 state 겁나 햇갈려서 잘 몰랏는데, 이해가 쏙쏙. 감사합니다
      • newbieno1
        강의 10에서 http://localhost:5000 뒤에 pure.html을 추가하면 http://localhost:5000/pure.html이 되어야 하는데 주소창에 엔터를 누르면 뒤에 .html이 사라지면서 계속 기존의 hello react 페이지만 뜹니다.. 이것때문에 진도를 못나나고 있습니다. 어떻게 이 문제를 해결할 수 있을까요?

        npx serve -s build 로 실행시켰습니다.
      • momo
        이게 바로 react군요 감사합니다
      • 메타초코
        더 많은 사람들이 봤으면 좋겠습니다

        너무 감사합니다
      • psyless
        20200726
      • 껍질파괴
        수강완료했습니다. 감사합니다.
      • supernet
        수강완료했읍니다. 감사합니다.
      • 32241
        수강완료
      • honux@naver.com
        너무 재밌게 잘 봤어요. 한 마디 한 마디가 귀에 쏙쏙 들어옵니다!
      • 할수이따
        2020.03.05
      • student
        각 컴포넌트 맨 윗 줄에

        class Content extends Component<{title,desc}>{

        이런 식으로 추가된 속성을 선언해주어야 하진 않나요?
      • 한케빈
        감사합니다
      • illliilllliillliii
        강의 5 내용 대박 이네요. 감사합니다 !!!
      • 공부다시해보자
        좋아요 누릅시다!
      • lygon
        2019-10-15 완료
      • 최재욱
        자습서 잡고 헤매다가 하면 할수록 헷갈리기만 해서 이 강의까지 왔는데 너무 이해가 잘되네요 좋은 강의 정말 감사드립니다!
      • 이제시작
        쩐다!!!
      • joDMsoluth
        와 너무 감사드려요 ㅠㅠ 이해가 쏙쏙 되네요!! 감동 ㅠ
      • Giri
        감사합니다.
      • beam1100@naver.com
        저도 완료 ㅋㅋ
      • 위준우
        완료
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기