한시간 만에 끝내는 React.js 입문

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 86

  • @gamanhi634
    @gamanhi634 2 роки тому +51

    최고의 강의다. 기존의 인프런이나 다른 강의들은 뭔가 비전공자가 그저 프로그램이 도는 것을 보여주는 결과론적인 입장에서 수박 겉핣기 식으로 가르쳤다면, 이분은 진짜 원리와 구성을 정확하게 알고 설명해주신다. 최고다 진짜

  • @조범진-y1h
    @조범진-y1h 12 днів тому

    값 설정하는 부분 정말 상세하게 설명해 주셨네요. 피가 되고 살이되는 강의입니다. 감사합니다.

  • @reindeer002
    @reindeer002 2 роки тому +40

    00:00 ~ 23:32 : react 프로젝트 생성과 jsx 그리고 함수형/클래스형 컴포넌트
    23:32 ~ 37:07 : react에서의 라우팅 방법 -> Home, About
    37:07 ~ 47:36 : react에서 데이터(State)를 실시간으로 처리할 때 사용하는 useState function -> Counter
    47:36 ~ 1:07:45 : react에서 문자열 입력 이벤트에 반응하거나 객체 데이터(State)를 실시간으로 처리할 때 -> Input, Input2
    1:07:45 ~ 1:16:33 : react에서 배열 데이터를 입력 받았을 때 테이블 형식으로 출력하는 방식 -> List

  • @user-vj3dh6ok6o
    @user-vj3dh6ok6o Рік тому +3

    와.. 정말 감사합니다!! 리액트 입문자가 듣기 너무 좋은 강의예요. 세세하게 설명해주셔서 왜 저렇게 코드를 쓰는지 알게 되었습니다~!❤ 중간에 자바스크립트 데이터가 메모리 힙에 저장되고 변수 정의할 때 참조값만 가져오기 때문에 리액트로 메모리힙에 저장된 값을 바꾸면 어떤 상태인지 알 수 없어서 상태관리가 안된다는 설명 듣고 감동 받았습니다. 다른 강의도 있다면 너무 듣고 싶어요!

  • @mozzigi9503
    @mozzigi9503 2 роки тому +12

    와 진심.. 입문 강의 중에 제일 제일 제일 진짜 제일 좋은 것 같아요 와 진짜 들으니깐 제일 잘 이해했어요 ㅜㅜ 정말 감사해요 그저 빛,,,

  • @mklee0924
    @mklee0924 9 місяців тому

    기존 자바스크립트, html 문법만 알고 있다면 전체적인 흐름을 알수 있고, 리액트 문법 맛보기 정도로 이해하기 쉽게 되어있어서 정말 좋은 강의 였습니다. 감사합니다.

  • @Avsjsiwkqlsixuci
    @Avsjsiwkqlsixuci Рік тому +3

    제가 지금까지 본 리액트 강의중에 제일 따라하기 쉽고 섬세한것 같아요 감사합니다 ㅎㅎ

  • @kimjiyoung8655
    @kimjiyoung8655 2 роки тому +12

    덴마크에서 컴공전공하고 인턴사원으로 1월부터 출근하려고 하는데 react하고 typescript를 공부하고 오라해서 엄청 막막했거든요.
    간결하지만 핵심이 있는 좋은강의 감사합니다.
    열심히 듣고 좋은 프로그래머가 되고 선생님 잊지 않을게요. 😊

    • @thegreat-programmers
      @thegreat-programmers  2 роки тому +7

      덴마크에 친한 친구가 덴마크 공대에서 박사학위 받고 살고 있어서 2-3년 주기로 가고 있어요.
      덴마크에 한국 엔지니어 많이 없는걸로 알고 있는데.. 대단하시네요. 좋은 개발자 되세요. 화이팅입니다

    • @李英俊-y8y
      @李英俊-y8y Рік тому

      来中国,中国vueb比react更好用

  • @younginkim2929
    @younginkim2929 2 роки тому +3

    머릿속에 정리되는 느낌이예요 정말 감사합니다!

  • @jj_ziemniak
    @jj_ziemniak Рік тому +1

    정말 하루만에 입문을 완료했습니다~! 내일 일어나서 한 번 더 복습 해야겠네요. Vue를 알고 봐서 그런지 낯설지는 않지만, 설명이 깔끔하셔서 그런지 쏙쏙 이해가 됐어요!!!

  • @csm860
    @csm860 Рік тому

    와웅 설치 부터해서 하나하나씩 다 완강했어요
    처음 해보았는데 설명 정말 잘해주세요~
    감사합니다.

  • @qw_______er
    @qw_______er Рік тому +2

    최고개발자시네요 강의 스타일 너무 좋아요 ㅎ

  • @coco6163
    @coco6163 2 роки тому +4

    강의 감사합니다

  • @대전_1반_김성현
    @대전_1반_김성현 Рік тому

    와 강의 너무 좋네요 기본기 익혔어요 감사합니다 ㅎㅎ

  • @Not-queenDongju
    @Not-queenDongju 9 місяців тому

    감사합니다 진짜..

  • @SONG-gc6eo
    @SONG-gc6eo Рік тому +1

    리액트가 이렇게 재미있는거였다니........... 강의 너무 유익했습니다 감사합니다^^

  • @하얌봉
    @하얌봉 7 місяців тому

    대박..딱 제일 필요한거만 강의해주셨네 잘 배워갑니다!

  • @JayJoowon
    @JayJoowon Рік тому +2

    정말 좋은 강의네요!

  • @junybear7679
    @junybear7679 2 роки тому +2

    선생님 너무 감사드립니다.

  • @한대현-t1s
    @한대현-t1s Рік тому

    최고입니다. 감사합니다.

  • @iissy85
    @iissy85 2 роки тому +2

    👍👍감사합니다~!~!

  • @유승완-h4d
    @유승완-h4d 2 роки тому +2

    좋은 영상 감사합니다!

  • @박성혜-u5o
    @박성혜-u5o Рік тому +1

    잘 공부하고 갑니다, 감사합니다.

  • @peace9605
    @peace9605 2 роки тому +1

    감사합니다! 잘 봤습니당~~

  • @qrqr1212
    @qrqr1212 Рік тому

    감사합니다. 한번더 보고 완벽히 햐ㅐ봐야겟어요 ㅎ
    정말 쉽게 설명해주시네요 ㅠㅠ

  • @우석장-f3n
    @우석장-f3n 2 роки тому +1

    내용이 완전 좋네요 감사합니다!

  • @john_choi
    @john_choi 2 роки тому +4

    리액트 입문자를 위해 너무나도 좋은 강의였습니다.
    맨땅에 헤딩하는 식으로 하고 있었는데, 이 강의가 너무 도움됩니다. 감사합니다!!

  • @gang_or_mini
    @gang_or_mini 8 днів тому +1

    38:03 까지 완료!

  • @yeonjooism
    @yeonjooism Рік тому

    이해가 쏙쏙되네요 감사합니다

  • @김제용-z4u
    @김제용-z4u 2 роки тому +1

    좋은 강의감사합니다!

  • @ghimireayuisha5888
    @ghimireayuisha5888 6 місяців тому

    Great Tutorial ❤

  • @quitryne
    @quitryne 6 місяців тому

    감사합니다

  • @love_myself325
    @love_myself325 4 місяці тому

    와 대박.. 리엑트를 학원에서 매일 4시간씩 한달을 했는데 선생님 강의 고작 앞부분 쬐끔보고 눈이 확 트이는 것 같아요 너무 이해가 잘되고 한달 넘게 코드 따라치기만한게ㅠㅠ 너무 억울하면서도 이제라도 알아서 다행인 것 같아요 이렇게 이해하기 쉽고 자세하고 간단하고 너무너무 잘 가르쳐주셔서 감사해요ㅠㅠ😂

    • @프로그래머-u7e
      @프로그래머-u7e 4 місяці тому +1

      그건 님이 매일 4시간씩 해서 익숙해져서 그런겁니다. 이거만 바로 보면 이해 안가요;

  • @학생문진위
    @학생문진위 Рік тому

    감사하다

  • @hatimitsu3342
    @hatimitsu3342 2 місяці тому

    22:28분 완료

  • @YT-Gmailer
    @YT-Gmailer Рік тому

    57:43 아 이렇게도 된다고? 감탄하고 있었는데...

  • @new3
    @new3 10 місяців тому

    잘 봤습니다 감사드려요!

  • @minsung0919
    @minsung0919 Рік тому

    07:50 책갈피

  • @jamiek4957
    @jamiek4957 Рік тому

    1:00:00 힙메모리

  • @juliahwang2024
    @juliahwang2024 2 роки тому

    최곱니다 이해 쏙쏙

  • @eeeeun_y
    @eeeeun_y 4 місяці тому

    50:18 분쯤에서 이제 setTextValue 값이 곧 txtValue 값이라고 하면 하단에다가 인풋 value 값과 p태그안에 setTextValue로 넣어도 되나요?

  • @파랑-p2g
    @파랑-p2g 6 місяців тому

    47:26 여기까지 공부함

  • @김대은-f4d
    @김대은-f4d 2 роки тому

    선생님의 강의 너무 감사합니다!! 더 깊게 배우고 실무에서 활용할 수 있는 정도 될려면 무엇을 배워야 될까요?

    • @thegreat-programmers
      @thegreat-programmers  2 роки тому

      순수 자바스크립트 기초를 확실히 하는게 가장 좋습니다

    • @김대은-f4d
      @김대은-f4d 2 роки тому

      @@thegreat-programmers 감사합니다

  • @아이폰-1
    @아이폰-1 Рік тому +1

    한 가지 질문이 있습니다.. 1:01:14 에서 inputs[id]=value 이 모양이 왜 생각이 나는건가용? 객체는 접근할때 inputs.id 이와 같이 []가 아니라 .으로 접근하지 않나요?

    • @sumg1918
      @sumg1918 10 місяців тому

      둘다 돼요

  • @웃는남자-i8o
    @웃는남자-i8o 2 місяці тому

    VSCODE 아이콘 익스텐션 어떤거 쓰시는지 궁금합니다.

  • @gamanhi634
    @gamanhi634 Рік тому

    샘..typescript도 함 강의 부탁드립니다.ㅠㅠㅠㅠㅠ

  • @cresadce9756
    @cresadce9756 Рік тому

    17:15

  • @Choe1993C
    @Choe1993C Рік тому

    좋은날 오겠지 50:46

  • @크용-g2t
    @크용-g2t Рік тому +1

    코드를 보면서 하고 싶은데 깃허브 좀 알려주실수 있을까요?

  • @sixinco
    @sixinco 2 місяці тому

    45:05

  • @참새-p7b
    @참새-p7b 8 місяців тому

    react를 공부하다 Counter.js에서 return 안에 있는 코드들이 접근할 수 없다고 뜨면서 비활성화되는데 어떻게 해야하는지 알 수 있을까요?

  • @aeuj.8850
    @aeuj.8850 Рік тому

    46:48

  • @오드리-g2r
    @오드리-g2r Рік тому

    public 폴더에 있는 html에 src 폴더에 있는 css는 적용할 수 없는 건가요?

  • @롱돌이-u5m
    @롱돌이-u5m Рік тому

    20:53

  • @커피-j3t
    @커피-j3t 4 місяці тому

    리액트 유료강의는 없나요?
    Vue유료강의는 본거같은데요

  • @쌩
    @쌩 Рік тому

    초반에 npm init react-app my-app 후 4기가정도 설치하는데 이게 맞는건가요?

  • @gfujvdn635
    @gfujvdn635 Рік тому

    22:30 40:55 1:00:37

  • @하호-q8z
    @하호-q8z Рік тому

    지금도 함수형 Component를 많이 사용하나요??

  • @아이폰-1
    @아이폰-1 Рік тому

    UserList를 동일하게 따라했는데 페이지에서 tr값도 받아왔는데 불구하고 email name은 안들어가 있는데 이유가 뭘까요?

  • @임정훈-k3t
    @임정훈-k3t Рік тому

    /counter에서 no routes matched location 에러가 발생합니다ㅠㅠ

  • @ytubewiki
    @ytubewiki 2 роки тому +1

    npm init react-app my-app
    npx create-react-app my-app 두 가지는 어떤 차이가 있을까요?

    • @zero.g808
      @zero.g808 Рік тому +2

      npm6 이상부터 init 사용할수 있으며 npx는 5.2부터 사용가능하며 옵션(템플릿 타입스크립 등등)이 훨씬 더 많습니다. 이왕이면 npx로 프로젝트 생성하시는게 좋을듯 싶습니다.

  • @yunuchoiii
    @yunuchoiii Рік тому

    input2에서 입력창에 텍스트 입력해도 p태그 안에 텍스트가 아무것도 안뜨는데 왜이런걸까요

  • @Jaewonic
    @Jaewonic Рік тому

    그래도 이거 보기전에는 html, css, javascript 먼저 공부 후에 보는게 맞는거죠???

  • @성공자-n5q
    @성공자-n5q Рік тому

    counter 버튼이 안나와요 아무리 해도

  • @calm_vibesM
    @calm_vibesM 2 роки тому +1

    Npm이 처음부터 안 먹히는데 방법 아시나요?

    • @Euskn
      @Euskn Рік тому +1

      node js 명령어라 node js를 설치해야합니다

    • @calm_vibesM
      @calm_vibesM Рік тому +1

      @@Euskn 오 1년전 댓글에 답글을 감사합니다. 현재 해결한 상태입니다. 정말 감사합니다

    • @Euskn
      @Euskn Рік тому +1

      저는 이제 보기 시작해가지구요ㅋㅋㅋ
      저도 첨에 npm 안돼서 애먹었던적이 있었는데 해결하신거 같았지만 댓글 남기고 싶었습니다ㅎㅎ

    • @calm_vibesM
      @calm_vibesM Рік тому +1

      @@Euskn ㅋㅋㅋㅋㅋ 좋은 하루 보내세요

  • @BIN9990
    @BIN9990 Рік тому

    jsp로 웹개발하다가 리액트강의보는데 문법이 참 x같네요..

  • @calm_vibesM
    @calm_vibesM 2 роки тому

    Npm이 처음부터 안 먹히는데

    • @willwill92
      @willwill92 2 роки тому

      nodejs 설치해보세요

  • @SuchaeJeong
    @SuchaeJeong 5 місяців тому

    39:35