Thumbnail
BEST 개발 ・ 프로그래밍 웹 개발
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
(4.9)
275개의 수강평 ∙ 6160명의 수강생

무료

지식공유자 : John Ahn
총 36개 수업
평생 무제한 수강
수료증 미발급 강의
초급 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
내 목록 추가 공유
초급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다.

✍️
이런 걸
배워요!
리액트
노드
리덕스
Express JS
몽고 DB

리액트와 노드의 기본을 학습하세요!

📝 강의 소개

안녕하세요 ^ ^ 
이 강의에서는 리액트와 노드로 실질적인 어플리케이션을 만들기 위해 
필요한 기본 개념들을 다루고 있습니다.

💡 강의 특징

강의를 만들면서 수강생분들이 어떠한 것들을 궁금해할지를 스스로 질문하면서
조금이라도 의문이 생기는 것이 있으면 계획에 없었던 강의 내용들도 추가해 가며 만들었습니다. 

기본 개념이긴 하지만, 실질적으로 실무에서 쓸 수 있는 중요한 개념들을 주로 다루었습니다.

🧰 여기서 다루는 툴

Visual Studio Code를 사용하지만 자신이 원하는 Editor를 사용해도 됩니다. 
MAC을 사용하지만 윈도우에서도 가능합니다.

🙋🏻‍♂️ QnA

Q. 비전공자도 들을 수 있나요?
A. 넵! 전공자, 비전공자 상관없이 들을 수 있는 강의입니다.

Q. 왜 노드, 리액트 등을 배워야 하나요?

2019년 Stackoverflow survey 결과를 가져와 봤습니다. 
보시다시피 리액트와 노드의 인기는 해가 지나갈수록 점점 높아지고 있기 때문에 
배워 두신다면 자신의 커리어 향상에 많은 도움을 줄 수 있습니다.

Q. 노드, 리액트를 배우면 어떤 일을 할 수 있나요?
웹 개발자, 서버 개발자, 프론트엔드 개발자로서 일을 할 수 있습니다.

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
자바 스크립트를 즐겁게 사용하고 싶으신 분
실무에서 사용하는 개념을 배우고 싶으신 분
📚
선수 지식,
필요한가요?
자바스크립트

안녕하세요
John Ahn 입니다.
John Ahn의 썸네일

안녕하세요. 

현재 평범하게 직장 생활하며 

파이썬과 PHP, 그리고 Node 와   

프론트엔드 스택들 리액트, 리덕스 등을 사용하며  

즐겁게 개발 하고 있는 개발자 입니다. 

앞으로 많은 도움을 드릴수 있었으면 좋겠습니다.

커리큘럼 총 36개
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Node JS
노드 리액트 기초 강의 #1 소개 미리보기 노드 리액트 기초 강의 #2 NODE JS 와 EXPRESS JS 다운로드 하기 미리보기
노드 리액트 기초 강의 #3 몽고 DB 연결
노드 리액트 기초 강의 #4 MongoDB Model & Schema
노드 리액트 기초 강의 #5 GIT 설치
노드 리액트 기초 강의 #6 SSH를 이용해 GITHUB 연결
노드 리액트 기초 강의 #7 BodyParser & PostMan & 회원 가입 기능
노드 리액트 기초 강의 #8 Nodemon 설치
노드 리액트 기초 강의 #9 비밀 설정 정보 관리
노드 리액트 기초 강의 #10 Bcrypt로 비밀번호 암호화 하기
노드 리액트 기초 강의 #11 로그인 기능 with Bcrypt (1)
노드 리액트 기초 강의 #12 토큰 생성 with jsonwebtoken
노드 리액트 기초 강의 #13 Auth 기능 만들기
노드 리액트 기초 강의 #14 로그아웃 기능
섹션 1. React JS
노드 리액트 기초 강의 #15 리액트란 ?
노드 리액트 기초 강의 #16 Create-React-App
노드 리액트 기초 강의 #17 npm npx
노드 리액트 기초 강의 #18 구조 설명
노드 리액트 기초 강의 #19 CRA to Our Boilerplate
노드 리액트 기초 강의 #20 React Router Dom
노드 리액트 기초 강의 #21 데이터 Flow & Axios
노드 리액트 기초 강의 #22 CORS 이슈, Proxy 설정
노드 리액트 기초 강의 #23 Proxy Server ?
노드 리액트 기초 강의 #24 Concurrently
노드 리액트 기초 강의 #25 Antd CSS Framwork
노드 리액트 기초 강의 #26 Redux 기초
노드 리액트 기초 강의 #27 Redux UP !!!!!
노드 리액트 기초 강의 #28 React Hooks
노드 리액트 기초 강의 #29 로그인 페이지 (1)
노드 리액트 기초 강의 #30 로그인 페이지 (2)
노드 리액트 기초 강의 #31 회원 가입 페이지
노드 리액트 기초 강의 #32 로그아웃
노드 리액트 기초 강의 #33 인증 체크 (1)
노드 리액트 기초 강의 #34 인증 체크 (2) 강의 마무리.
섹션 2. Diagram 자료
Diagram HTML 자료
Diagram XML 자료
강의 게시일 : 2020년 03월 18일 (마지막 업데이트일 : 2020년 04월 18일)
수강평 총 275개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
275개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
mo0562 thumbnail
강사님 말씀하셨듯이 기본강의이지만 기본강의 아닌듯 기본같은 실무에 충실하고 재미있는 강의였습니다. 실무에서 필수적인 부분을 꼭 찍어서 강의해 주셔서 감사합니다.
2020-03-31
지식공유자John Ahn
좋은 수강평 남겨 주셔서 너무 감사합니다 ! 그리고 완강하시느라 너무나 수고하셨습니다^^ !!!
2020-03-31
Seunghoon Oh thumbnail
와 정말 감사합니다. udemy에서 20만원쓰고도 서버제작 엄두도 못내고 있었는데 이 수업듣고 기본 로드맵 바로 딱 잡히네요. 취미로 코딩공부하면서 투두리스트 만들고 있었는데, 회사에서 들켜서 직무 바꿔버리고 서버 만들라해서 막막해 하고 있었습니다. 이 수업은 복잡한 서버활용한 홈페이지만들기는 아니지만, 이 수업을 통해 어떻게 서비스를 구현할 지 로드맵을 그릴 수 있는 그런 수업이였어요. 확실히 node.js랑 react를 사용하다보니 프로그래밍을 잘 모르는 분에게는 어려울 수 있겠습니다. 만약 정말 100퍼센트를 다 뽑아보고 싶으시다면 에치티엠엘, 씨에스에스 한 두시간씩만 공부해보시고, 자바스크립트 무료로 나온것들 수업 주말 이틀잡고 공부해보시고 들으시면 정말 큰 도움이 될거에요. 이런 양질의 수업 무료로 베풀어주셔서 감사합니다. 어느쪽에 계신가요? 계신방향으로 큰절 올리겠습니다
2020-06-25
소라연 thumbnail
끝까지 완강했습니다. 최고!! 큰 도움이 되었습니다!!
2020-03-19
지식공유자John Ahn
소라연님 금방 들으셨네요 ^^ 좋은 수강평 남겨주셔서 진심으로 감사합니다 !! ^ ^
2020-03-19
장재영 thumbnail
너무 좋은강의로인해 팀원들끼리 프로젝트를하면서 모듈을 구현하는데 도움이 많이됬습니다 한가지 질문이있다면 저희가 만든걸 바탕으로 회원정보수정을 구현하고싶은데 정보가많이없어 도움을 받을수있을까요ㅠ?
2020-07-17
지식공유자John Ahn
아 안녕하세요 ! 네 궁금하신것 있으면 질문 주시면 최대한 도와드리겠습니다 !!! ^^
2020-07-20
kotn7566 thumbnail
강의를 거꾸로 들어서 챗봇 -> 유튭 클론 -> 리액트 기본 이렇게 들었네용ㅋㅋㅋ 처음엔 챗봇만 보다가 강의가 너무 좋아서 두 개 더 들었어요!! 나중에 결제해서 쇼핑몰 인강도 들을 의향 무조건 있고 제가 느끼기엔 유튭 클론>기본>챗봇 순으로 난이도가 있는것같아요!! 이런 강의가 있는걸 연초에 발견했다면 오래되고 이상한 외국저자 책 사서 돈날리는 짓은 하지 않았을거에요... 감사합니다 강사님 \(@ ^ 3 ^ @)/ 적게 일하고 많이 버세요!!!
2020-06-25

무료

내 목록 추가 공유
지식공유자 : John Ahn
총 36개 수업
평생 무제한 수강
수료증 미발급 강의
초급 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스