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

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

클래스 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
리액트, 자바스크립트, node.js
추천 학습대상
- 웹 프로젝트 어디서나 꼭 필요한 기능에 대해 공부하고 싶은 분
- 백엔드, 라이브러리 등 기본적인 프로그래밍 용어에 대해 알고 계신 분
- 웹 기초 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

체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    Intro
  • 강의 소개
  • 02
    설치 및 세팅
  • Node.js와 Express.js 다운로드
    MongoDB 연결
    MongoDB Model & Schema
    GIT 설치
    SSH를 이용한 Github 연결
  • 03
    기능 구현
  • BodyParser & PostMan & 회원가입
    Nodemon 설치
    비밀 설정 정보 관리
    Bcrypt로 비밀번호 암호화
    로그인 기능 with Bcrypt (1)
    토큰 생성 with jsonwebtoken
    Auth 기능 만들기
    로그아웃 기능
    리액트란
    Create-React-App
    npm npx
    구조 설명
    CRA to Our Boilerplate
    React Router Dom
    데이터 Flow & Axios
    CORS 이슈, Proxy 설정
    Proxy Server?
    Concurrently
    Antd CSS Framework
    Redux 기초
    Redux UP!
    React Hooks
    로그인 페이지 (1)
    로그인 페이지 (2)
    회원 가입 페이지
    로그아웃
    인증 체크 (1)
    인증 체크 (2), 강의 마무리
마지막 업데이트|2020년 04월 07일
강의자 소개
안녕하세요. 구름에듀 캡틴 John Ahn (코치)입니다. 함께 학습을 시작해봐요!

강좌 후기
무료

평균평점
5.0
난이도
쉬움
수강기간
평생 무제한