Thumbnail
개발 · 프로그래밍 풀스택

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 대시보드

(4.9)
844개의 수강평 ∙  21,339명의 수강생

무료

지식공유자: John Ahn
총 36개 수업 (4시간 53분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

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

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

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

📝 강의 소개

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

💡 강의 특징

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

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

🧰 여기서 다루는 툴

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

John Ahn

🙋🏻‍♂️ QnA

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

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

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

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

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바 스크립트를 즐겁게 사용하고 싶으신 분
실무에서 사용하는 개념을 배우고 싶으신 분
📚
선수 지식,
필요할까요?
자바스크립트

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

안녕하세요. 

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

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


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

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