Thumbnail
개발 · 프로그래밍 백엔드
Node.js 웹개발로 알아보는 백엔드 자바스크립트의 이해
(4.6)
135개의 수강평 ∙ 8576명의 수강생

무료

지식공유자 : 윤지수
총 30개 수업˙총 4시간 27분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
폴더에 추가 공유
중급자를 위해 준비한
[백엔드, 웹 개발] 강의입니다.

Node.js,의 핵심기능을 다루면서 백엔드에서 자바스크립트가 어떻게 동작하는지를 알아보고, Angular나 React와 같은 복잡한 애플리케이션 개발(SPA)에 필요한 back-end 핵심 요소를 다룹니다. 간결한 동영상들로 핵심적인 내용들을 빠르고 중요하게 다뤄 개발의 흐름을 익히고, 따라하는 실습으로 개발 경험을 쌓을 수 있습니다.

1. 강좌소개

JavaScript언어는 Node.js, 를 통해서 Back-end에서도 많이 활용되고 있습니다.

본 강좌에서는 Node.js,의 핵심기능을 다루면서 백엔드에서 자바스크립트가 어떻게 동작하는지를 알아보고, Angular나 React와 같은 복잡한 애플리케이션 개발(SPA)에 필요한 back-end 핵심 요소를 다룹니다. SPA(Single Page Application) 개발에서는 Template 조작과 Routing 처리를 클라이언트와 백엔드에서 나눠 하기도 합니다. 또한 백엔드에서는 RESTful API를 제공하는 역할을 주로 하는 경우도 있습니다. 

이런 추세에서 Node.js,는 꽤 적절한 백엔드 기술이라 할 수 있습니다. 따라서 SPA를 개발할 때 필요한 필수 백엔드 기술이 무엇이고, 어떻게 클라이언트와 상호작용을 하는지 이해하는 것은 중요합니다. 이 강의에서는 풀스택 개발자가 아니더라도, 프론트엔드 전문 개발자가 알아두면 유용한 지식과 기술을 다룹니다. 본 과정을 통해서 웹애플리케이션의 동작방식을 좀더 이해할 수 있습니다.

배우는 것들

nodeJS + Express 웹서버 설정 Request,Response 처리 Database 연동 Router 개선 - 모듈화 DB에 데이터추가 패스포트기반 인증 로직 구현 (회원가입, 로그인, 로그아웃) RESTful API

2. 도움되는 분들

  • 백엔드 기술이 궁금한 웹프론트엔드 개발자.
  • 백엔드개발은 익숙하지만 JavaScript나 nodeJS 경험이 없는 개발자.
  • Javascript 의 쓰임새를 좀 더 잘 이해하고 싶은 개발자
  • 웹프론트엔드와 백엔드 간의 기술적인 상호작용이 궁금한 초보개발자.

3. 강좌특징

  • 웹개발 초급난이도 과정.
  • Node.js, Express를 기반으로 한 웹애플리케이션 구축.
  • Template Engine
  • Ajax와 JSON을 활용한 RESTful API 기반 웹 서비스 기초.
  • Passport기반의 인증처리 방법.

4. 강사소개

윤지수

- 현재 코드스쿼드 웹프론트엔드 마스터.
- SK플래닛 웹UI 마스터.
- NHN NEXT 웹UI 전임교수.
- 네이버 웹UI 개발팀장.

5. 소스코드

실습에서 사용한 코드는 여기있습니다.
https://github.com/crongro/node_server_inflearn
코드스쿼드

코드스쿼드
개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관
http://codesquad.kr

안녕하세요
윤지수 입니다.
윤지수의 썸네일
공동 지식공유자: yoda의 썸네일
커리큘럼 총 30 개 ˙ 4시간 27분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 섹션 1. nodeJS + Express 웹서버 설정
섹션 1. 섹션 2. Request,Response 처리 기본
POST 요청처리 미리보기 12:07
View engine을 활용한 응답처리 08:00
JSON 활용한 Ajax처리 17:00
섹션 2. 중간 실습 과제 1
섹션 3. 섹션 3. Database 연동 기본
MySQL 연동 설정 06:00
MySQL 연동 구현 09:00
섹션 4. 섹션 4. Router 개선 - 모듈화
Routing 모듈화 미리보기 08:00
Routing 모듈화 2 (DB연결부분) 08:00
Routing 리팩토링 10:00
섹션 5. 섹션 5. DB에 데이터추가
DB에 데이터추가 (create user) 1편 08:00
DB에 데이터추가 (create user) 2편 07:00
DB에 데이터추가 (create user) 3편 11:00
섹션 6. 섹션 6. 패스포트기반 인증 로직 구현 (회원가입, 로그인, 로그아웃)
passport 환경구축 미리보기 08:00
middleware,strategy 설정 09:00
passport 기반 router 설정 07:00
local-strategy 콜백완성 11:00
passport기반 세션처리 09:00
로그인 로직 구현 06:00
Ajax 기반의 passport 인증처리 15:00
로그아웃 처리 미리보기 12:00
섹션 7. 중간 실습 과제 2
섹션 8. 섹션 7. RESTful API
RESTful API 정의 미리보기 11:00
RESTful API GET 10:00
RESTful API POST 10:00
RESTful API GET SUB-URI 11:00
RESTful API DELETE 10:00
강의 게시일 : 2017년 03월 09일 (마지막 업데이트일 : 2018년 06월 01일)
수강평 총 135개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.6
135개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
휴식중인 불가사리 thumbnail
장점 : Node js의 전체적인 흐름을 알 수 있습니다. 단점 : 우선 뭔가를 할 때 그냥 해야 합니다. 가 아닌 왜? 해야되는지 조금 더 자세히 알려주셨으면 합니다. 예를들어, middleware 편에서 middleware가 무엇이고 이 수업에서 우리가 middleware를 왜 설치해야되는지 간단한 부연설명이 없어 직접 인터넷에서 찾아봐야 합니다. 그리고 같은 강의에서 예를 들면 공식 웹사이트에서 소스를 긁어오는데 각각의 역할이 무엇이고 왜 써야되는지를 간략하게 나마 소개해주신다면 추후에 단순히 알려주신것 뿐만 할 수 있는 것이 아닌 스스로 응용 연습을 하기 쉽다고 생각합니다. 초보자의 입장에서 왜 쓰는지 모르는 상태에서 그냥 쓴다면 잊어버리고 더 쉽다고 생각합니다.
2019-09-13
지식공유자윤지수
솔직한 피드백 감사드립니다. 이 강의가 백엔드의 흐름을 이해하는 측면에서 제작되어 그렇게 느끼실 수 있습니다. 좀더 자세한 내용을 담지 못한점 양해 부탁드립니다 다른 한편으로는, 직접 내용을 찾아보시면서 스스로 이해하는 것이 장기적으로는 도움이 되실 수도 있을것이라 생각도 합니다.
2019-09-13
이우진 thumbnail
이야... 이런 고품질 강의가... 무료로 공개되다니... 정말 감사합니다! node.js 입문하시는 분들에게 큰 도움이됩니다! 유료강의 수준이라고 봐도 무방합니다. 중간중간에 강사님의 실수에 의한 디버깅 타임도 정말 좋았습니다! 디버깅을 직접 볼 수 있다는건 돈주고도 배울 수 없습니다... 디버깅으로 시간이 걸린다는 점으로 강의의 질이 낮다고 말씀하시는 분들이 계시다면 잠재적 발전 가능성을 스스로가 늦추는 거라고 봅니다. 실수를 해결하는 과정에 대해서 배우는건 현역에서도 배우기 힘듭니다.. 문제해결의 과정인데 저는 정말 좋았습니다! 추후 진행되는 강좌는 없으신지요! 유료강의라고해도 저는 들을 의향이 있습니다! 정말 잘 배우고 갑니다!
2019-04-28
지식공유자윤지수
코드스쿼드로 오세요!! 는 농담이고요. 디버깅이 매우 중요하다고 생각하는 1인입니다. breakpoint; console.log("노드js디버깅 영상좋은 것들 많으니 더 많이 배워보세요! ")
2019-05-14
조병우 thumbnail
왜 평이 좋은지 이해 못 하겠음.. 1. 대학 강의 들을 때 혼자 틀리고 혼자 고민하고 계시는 교수님이 수업하시는 느낌임. 청강하는 학생 입장에서 봤을 때 따라가면서 어? 이상한데???? 이거는 이렇게 해야하는데? 하고 먼저 찾아서 수정해서 따라하고 있던거 영상에서 혼자 찾고 있는 경우가 많음. 2. 괄호 고치는 시간이 제법 잡아먹음. 코드 복붙을 자주 하시는데 괄호 제대로 안 지우고 냅다 박아버리거나 해서 괄호 잡는거 까지 영상에 다 올려버림. 3. 완전 쌩 초보를 위한 강의인 듯 하지만 왜 이걸 이렇게 하는지 설명 안 해줌. 그냥 이렇게 함~ 하고 넘어감. 여기에 왜 이런 콜백함수가 들어가고 파라미터는 어떻게 이런게 전달되고 같은 설명이 없음. 물론 여러 api 가져와서 박아넣어서 구현하는거라 설명히 힘든건 알지만 설명이 아예 없는 경우가 대부분임... 4. 정말 지적하기 싫은 부분이지만 너무 거슬려서 언급함.. 계속 둔 둔 하시길래 보니 done을 얘기하시는 거임.. 이것 말고도 무슨 말 하고 계신거지? 싶어서 보면 나중에 아... 이걸 이래 발음하신거구나 싶은게 몇 개 더 있었음. 5. 올린지 좀 된 강의다 보니 arrow function 안 쓴 부분이나 let대신 var쓰니 영상 시청엔 참고바람. 가볍게? 듣기는 괜찮은 강의같은데 중간에 복붙한다고 놓친 괄호수정하는거나 오타, 수정없이 복붙한거 그대로 실행해서 에러 나는거만 쳐내도 4시간 30분짜리 분량을 3시간 30분 ~ 4시간으로 줄일 수 있었을 텐데.. 영상 걷어내는거 기술 필요한 것도 아니고 .. 이거만 걷어냈어도 최소 4점짜리 영상
2021-02-17
이승호 thumbnail
좋은 강의에요
2019-07-16
지식공유자윤지수
넵 피드백 감사드립니다. ^^
2019-07-31
한량 thumbnail
개념을 잡는데 많은 도움이 되었습니다. 감사합니다. ^^
2019-07-31
지식공유자윤지수
감사합니다. 이제 NODE웹개발에 도전해보세요!
2019-07-31

무료

폴더에 추가 공유
지식공유자 : 윤지수
총 30개 수업˙총 4시간 27분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스