All Lectures
RouteNoticeQ&A

[따라하며 배우는 노드&리액트] Boiler-Plate 만들기

어떤 프로젝트를 시작하던 꼭 있어야 하는 웹의 기본 뼈대를 차곡차곡 만들어 봅시다

Lecture Introduction
Difficulty
Easy
Category
Web Programming - Programming
Tag
리액트, 자바스크립트, node.js
Certificate
You can issue a certificate of completion
Target Audience
- 웹 프로젝트 어디서나 꼭 필요한 기능에 대해 공부하고 싶은 분
- 백엔드, 라이브러리 등 기본적인 프로그래밍 용어에 대해 알고 계신 분
- 웹 기초 3대장 HTML, CSS, JS를 공부한 뒤 프레임워크 공부를 시작하시려는 분

혼자 공부하기,
쉽지 않은게 맞아요



리액트와 노드 강좌는 수 없이 많은데
나에게 맞는 자료 찾기는 참 쉽지 않죠?

저도 혼자 한땀 한땀 웹 프로젝트를 진행하면서
생각보다 자료가 없어 놀랐고 그만큼 고생했습니다

첫 프레임워크로 Node.js와 React를 시작하시는
여러분에게 힘이 될 강좌를 준비했습니다




Boiler-Plate를 만들어 볼까요?

Bolier-Plate란 대부분의 웹 프로젝트에
필요한 공통 기능을 갖춘 베이스 프로젝트에요

로그인, 로그아웃, 인증과 같은 기능들은
어떤 웹 프로젝트를 만들더라도 필요하다보니
재활용을 목적으로 만들어 두는 것이 좋습니다




기초를 들었다면 더 재밌게 함께 할
다양한 프로젝트를 보여드릴게요


저와 노드 및 리액트 기초를 마무리하시면
유튜브, 페이스북, 인스타그램와 유사한
웹 서비스를 만들어 볼 수 있어요










'구만사'가 직접 들어봤다👀




나한테 맞는 강좌일지 고민하는 분들을 위해
구름을 만드는 사람들이 먼저 들어봤어요!



이런 분에게 꼭 필요해요

👉 노드와 리액트를 첫 프레임워크로 선택했다면 Pick!
👉
웹 프로젝트의 주 기능의 전반을 보고 싶다면 Pick!
👉 차곡차곡 쌓아가는 커리큘럼을 선호하신다면 Pick!



한 번 더 고민해주세요

🤔 이제 갓 프로그래밍을 시작한 분이라면 Hmm...
🤔 콘솔 사용이 익숙치 않은 분이라면 Hmm...










우리 함께 성장해나가요😌



John Ahn

현재 평범하게 직장 생활 중인 개발자입니다

 파이썬과 PHP, Node.js, React, Redux 등을
사용하며 즐겁게 개발하고 있습니다


 

all Icon made by Freepik from www.flaticon.com

Preview
Expand All
  • 01
    Intro
    1개 (02:03)
  • 강의 소개
    02:03
  • 02
    설치 및 세팅
    5개 (43:35)
  • Node.js와 Express.js 다운로드
    10:41
    MongoDB 연결
    07:01
Curriculum
Expand All
  • 01
    Intro
    1개 (02:03)
  • 강의 소개
    02:03
  • 02
    설치 및 세팅
    5개 (43:35)
  • Node.js와 Express.js 다운로드
    10:41
    MongoDB 연결
    07:01
    MongoDB Model & Schema
    06:27
    GIT 설치
    08:51
    SSH를 이용한 Github 연결
    10:35
  • 03
    기능 구현
    28개 (04:07:42)
  • BodyParser & PostMan & 회원가입
    11:38
    Nodemon 설치
    04:43
    비밀 설정 정보 관리
    08:30
    Bcrypt로 비밀번호 암호화
    11:32
    로그인 기능 with Bcrypt (1)
    10:58
    토큰 생성 with jsonwebtoken
    12:07
    Auth 기능 만들기
    19:34
    로그아웃 기능
    06:52
    리액트란
    05:06
    Create-React-App
    06:21
    npm npx
    04:54
    구조 설명
    05:16
    CRA to Our Boilerplate
    10:00
    React Router Dom
    07:39
    데이터 Flow & Axios
    06:30
    CORS 이슈, Proxy 설정
    06:24
    Proxy Server?
    02:45
    Concurrently
    03:42
    Antd CSS Framework
    03:50
    Redux 기초
    10:09
    Redux UP!
    13:02
    React Hooks
    06:10
    로그인 페이지 (1)
    10:03
    로그인 페이지 (2)
    17:32
    회원 가입 페이지
    11:32
    로그아웃
    04:59
    인증 체크 (1)
    16:24
    인증 체크 (2), 강의 마무리
    09:30
Recent Update|2020. 04. 07
Instructor Introduction
John Ahn (풀스택 퍼실리테이터)Captain
hello.Goorm Edu Captain John Ahn (풀스택 퍼실리테이터).Let's start learning together!

Lecture Reviews
Free

Average Rating
5.0
Difficulty
Easy
Lecture Period
Unlimited