[React.JS] 강좌 목록

Offline Tutorials

현재 패스트 캠퍼스에서 오프라인 강좌를 진행중입니다. 자세한 내용은 여기를 참조해주세요. 오프라인 강의는 10주로 이뤄져있으며, 리액트 기본기부터 시작해서 실무 노하우까지, 그리고 백엔드 관련 지식도 함께 배우게 됩니다.

 

Video

Inflearn 에서 React 동영상 강좌를 연재하고 있습니다. 블로그에서 다루는 내용들과 비슷하지만 순서와 코드는 조금씩 다릅니다.

링크: https://www.inflearn.com/course/react-강좌-velopert/

동영상에서 다루는 내용은 오프라인 강의 / 그리고 블로그에 새로 올라오는 포스트에 비하면 조금 옛날 자료들입니다. 그래도 기초 지식을 이해하는데에는 도움이 될 것입니다.

나중에 시간이 나면 동영상들도 업데이트 하도록 하겠습니다.

 

 

Posts

하단에서 [Featured] 가 달린 튜토리얼은 비교적 최근 업데이트 된 강의로서, 읽는 것을 추천하는 포스트입니다. 나머지는, 천천히 최신화를 진행하는 중 입니다.

Basics

Router

Redux

Minor

Advanced

 

 

Codelab

Useful Tips/Links

  • J1

    안녕하세요. 먼저, 좋은 포스트 올려주셔서 감사하다는 말씀 전합니다.
    다름이 아니라, 제 깃허브에 이 자료를 가지고 스터디한 자료를 올리고자 하는데 괜찮은지 여쭙고 싶습니다.
    (포스트의 내용을 그대로 올리는 것이 아닌 공부하면서 알게된 것과 참고하면 좋을 외부 자료들도 함께 올리려고 합니다.)
    허락해주신다면, readme.md 에 velopert.com 의 자료를 참고했다고 명시하도록 하겠습니다.

    • 당연히 되죠 🙂
      제가 강좌를 쓰는 목적은 React를 우리나라 개발자에게 많이 알리는 것이기 때문에,
      React 에 관한 자료가 많아지면 더 신날 것 같아요

      작성하시게되면 저한테도 링크 알려주세요. 읽으러갈게요 ㅎㅎ

      • 김남현

        오.. 참 좋은 목적과 취지!!
        감사합니다^^
        아직 강좌를 보기 전인데, 선 감사드립니다.
        .
        작년부터 산호세에 머물고 있는데, ㅎㅎ 한국어로된 리액트 강좌가 넘 없어서 힘들어 하고 있었습니다!!

  • Jun changJin

    와~!
    리액트가 뭔가 하고 검색하다 들어와 봤는데 엄청난 블로그이네요
    오래오래 유지해달라고 하면 욕심인가요~~^^*

  • hyunjinlee

    우와 🙂 react 공부하려고 찾던 중에 금광 캔 기분이네용! 😀 감사합니다~~!

  • joybell

    감사합니다 3추 드리겠습니다.

  • Xiang Tian

    리액트 많이 배웠습니다. GraphQL에 대해서도 알고싶네요. 부탁합니다.

    • 조만간 작성해보도록 하겠습니다 😀

  • HongJinBom

    오…

  • Seongwon Seo

    안녕하세요. 강의를 보다 막히는 문제가 있어 질문드립니다!
    이름 검색 후 클릭을 하면 검색된 배열의 변경된 인덱스값이 넘어가서 실제와는 다른 내용이 출력되고 있습니다.
    이 문제를 해결하고자 인덱스값 대신 contact.name, contact.phone 값을 넘겨보았으나 수정 부분에서 복잡해지는 문제가 생기고..
    자바스크립트 문제라 질문을 올릴까 말까 많이 망설였는데.. 방법을 찾지 못해 verlopert님께 여쭙니다 도와주세요~! https://uploads.disquscdn.com/images/8c72a3b563729e4de889f80bbae414739cfbce66c2c4f00c3ccf977a74d1879f.png

    • 덧글 주셔서 감사합니다.

      오랜만에 코드를 보니 버그덩어리더군요.. ㅠㅠ

      버그 이것저것 고쳤습니다: https://github.com/velopert/react-codelab-fundamentals/blob/contact10/src/components/Contact.js

      동영상 강좌를 급하게 만들어서 실수를 좀 했던것같아요.. ㅎㅎ

      일단, 달라진점은, key 대신에 id 를 만들어주었습니다.
      그리고 기존코드에 sort 가 제대로 안되서 그 부분도 수정해주었구요.

      강좌의 경우 나중에 다시 처음부터 만들어볼생각입니다!

      변경된 부분은 https://github.com/velopert/react-codelab-fundamentals/commit/282b0a3c41c09a6656830138ab25024e3f2be0f6 이 커밋을 참고하시면 될것같습니다~

      • Seongwon Seo

        와 빠른 답변 감사드립니다!

        리액트뿐만 아니라 자바스크립트도 많이 배웠습니다!!

        앞으로도 좋은 강의 많이 부탁드립니다!

        • 지금 다시 생각해보니까 또 버그가 있네요

          막 삭제하고 하다보면 제대로 작동하지 않을거에요.

          id번째 배열원소를 삭제하는게 아니라,
          id를 찾아서 삭제하게 해야될것같네요

          오늘 저녁에 또다시 수정할게요~

  • Useful Tips/Links 에서 create-react-app 사용하기 + react-hot-loader 적용 + Express.js 와 함께 사용하기 링크를 누르면 편집하기 모드로 이동이 되버려서 로그인 페이지가 뜨게 됩니다.

    • 뒤늦게 수정하였습니다 _ _

  • Heedo Jun

    안녕하세요. 매번 좋은 강좌를 올려주셔서 감사드립니다. 혹시, Golang + React.js + mongoDB 예제 및 강좌도 올려주실수 있으신가요?

  • SO heyong cheul

    안녕하세용
    올려 놓은 강좌 잘 보고 있습니다.
    궁금한점이 있습니다.
    1. 환경설정하는 부분에 노드제이에스을 사용 하셨는데,
    꼭 사용 해야 되는건지 아니면 노드제이에스 가 설치가 쉽고 더많은 기능과 라이브러리을 제공 해서 선택 하신것인지 가 궁금합니다.

    2. 노드제이스에스 로 구현을 하지 않고, jsp 에서 구현 가능 한것인지
    react.js 가 기분족을 spa 프레임워크 중에 하나 인것인가 궁금합니다.

    먼저 찿아 보긴 했으나 너무 많은 다양한 견해 들이 나와서요.
    궁금해서 질문 해봅니다. 아.. 전 초보 입니다 ㅠㅠ

  • axisj

    좋은 자료 감사합니다.