[2024 리뉴얼] 한입 크기로 잘라 먹는 리액트(React.js)
[2024 리뉴얼] 실전 프로젝트 감정일기를 만들며 배우는 리액트(React)
Description
2024 리뉴얼 버전
한 입 크기로 잘라먹는 리액트
세상에서 가장 친절하고, 세상에서 가장 쉬운 리액트 강의를 향해
JavaScript 기초부터,
React.js 실전 프로젝트까지
React.js는 Node.js 환경에서 구동되는 JavaScript의 라이브러리입니다.
그러므로 React.js는 결국 JavaScript를 더 잘 활용할 수 있도록 도와주는 도구에 불과합니다.
따라서 JavaScript와 Node.js를 제대로 이해하고 있지 못하다면 React.js를 제대로 활용할 수 없습니다.
이 강의는 JavaScript 기초부터 Node.js를 거쳐 React.js를 배웁니다.
그런데 그냥 배우면 또 재미없죠! 총 3번의 프로젝트를 통해 React.js를 배웁니다.
이런 과정 속에서 여러분은 탄탄한 기본기를 갖춘 프론트엔드 개발자로 거듭나시게 될 겁니다.
[ Q. 누가 들을 수 있나요? ]
본 강의는 기본적으로 React를 배우고 싶은 누구나 들을 수 있도록 제작되었으나
HTML, CSS를 아주 간단하게라도 경험해 보신 분들이 듣기에 가장 수월하게 최적화 된 강의입니다.
아직 경험이 없으시다면 생활코딩님의 HTML, CSS 무료 강의를 먼저 수강하시는 걸 권장드립니다.
[ Q. 리액트(React.js) 최신 버전을 배워야 하는 이유가 있나요? ]
React를 포함하여 자바스크립트 프론트엔드 생태계는 주기적으로 큰 변화가 일어나게 됩니다.
따라서 현재 트렌드에 맞지 않은 버전을 학습하게 되면, 최신 버전의 사용법과 원리를 다시 파악해야 합니다.
본 강의는 함수형 컴포넌트, ES8와 React router V6등등의
2021년 12월 기준으로 가장 안정적인 최신 버전 내용을 담고 있습니다.
[ Q. Node.js나 자바스크립트를 몰라도 리액트(React.js)를 배울 수 있나요? ]
그런 학습 방식은 절대 좋지 않으며, 단언코 오래 갈 수 없습니다.
React는 자바스크립트의 라이브러리입니다.
즉, 자바스크립트를 더 효율적으로 사용할 수 있게 도와주는 기술이며
Node.js라는 환경을 기반으로 동작합니다.
따라서 자바스크립트와 Node.js를 모르는 상태에서 React.js를 바로 학습하는 건 불가능합니다.
[ Q. Node.js나 자바스크립트를 모르는데 그럼 다른 강의를 먼저 듣고 와야 하나요? ]
본 강의는 자바스크립트부터, Node.js를 거쳐 , 웹의 구동방식까지 다루는 All-in-One 강의입니다.
본 강의는 리액트 내용 뿐만 아니라
리액트를 학습하는데 꼭 필요한 자바스크립트 지식과 Node.js 지식을 같이 제공합니다.
따라서 본 강의 한번으로 리액트에 필요한 기초 지식을 학습하고, 리액트까지 학습할 수 있습니다.
만약 여러분이 이미 자바스크립트와 Node.js에 대해 잘 알고 있다면
우리 강의의 자바스크립트와 Node.js 부분은 리마인드용 으로 사용하시면 됩니다.
[ Q. 리액트(React.js)를 배워야 하는 특별한 이유가 있나요? ]
리액트는 프론트엔드 생태계의 거스를 수 없는 대세 입니다.
JS Flavor의 2020년도 조사에 따르면
리액트를 사용하고 있고 다른 프로젝트에서도 사용할 계획이라고 응답한 개발자가 70%에 달할 정도로
리액트는 전 세계적으로 많은 개발자들에게 사랑 받고 있는 기술입니다.
심지어 페이스북, 인스타그램, 에어비엔비, 넷플릭스 등등의 세계적인 서비스도 이 리액트로 개발되었다는 사실! 알고 계셨나요?
[ Q. 그럼 리액트(React.js) 어떻게 배워야 하나요? ]
실전 경험이 부족한 사람은 자주 실수를 하듯
실전 프로젝트를 여러번 진행하며 배우는 것이 가장 효율적이고 빠른 방법입니다.
따라서 본 강의에서는 프로젝트를 2개를 진행하게 됩니다.
이 프로젝트를 진행하며 여러분은 단순 React를 사용하는 방법이 아니라, 앞으로 어떻게 학습해 나가야 할 지
어떤 추가적인 학습을 수행해야 할 지 알게 됩니다.
[ Q. 이 강의가 제공하는 차별점은 무엇인가요? ]
웹 개발 기술을 배웠다면 바로 써먹을 수 있어야 됩니다!
우리는 리액트(React.js) 라는 웹 개발 기술을 배우며 "감성 일기장" 프로젝트를 진행하고
Firebase 서비스를 사용하여 배포하고, Open Graph 세팅 까지 하여
친구와 가족들에게 자랑할 수 있게 멋지게 꾸며 볼 겁니다.
[ Q. 오픈 채팅 방 운영 중! ]
강의를 진행하다가 궁금한 점이 생기면 바로바로 물어보세요
강의를 진행하다가, 강사와 똑같이 했는데 다른 결과가 나오면 당황스럽잖아요?
따라서 질문을 받고, 정보를 공유 할 수 있는 카카오톡 오픈 채팅방을 운영하고 있습니다.
What You Will Learn!
- 실제 접속 가능한 React 포트폴리오를 갖게 됩니다
- Javascript 프론트엔드 개발자로써 첫 발걸음을 내딛게 됩니다.
- 단순히 기술을 사용하기만 하는 것이 아니라, 완전히 이해하고 어떤 상황에서 필요하고, 어떻게 사용해야 하는지 아는 사람이 됩니다.
- 개발을 진행하다가 처음 만난 문제도 쉽게 해결할 수 있는 문제 해결 능력을 얻게 됩니다.
- 서버와 클라이언트, 터미널, SPA MPA 등등의 웹 CS지식을 완벽히 이해하고 응용할 수 있는 개발자가 됩니다.
Who Should Attend!
- React를 배워보고 싶은 프론트엔드 웹 개발자 or 웹 개발자 지망생
- Javascript부터 Nodejs까지 React개발에 필요한 모든 개념을 올인원으로 학습하고 싶은 사람
- 기본적인 HTML CSS 사용법을 알고 있는 사람