따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
1.Node.js와 React로 간단한 웹페이지를 만들어보자 1편 (Node.js 시작)
해당 강의이번 포스팅의 목표는 MongoDB를 연결하고, git 설치 후 github까지 연결하는 것이다.MongoDB 연결index.js 파일에 아래의 코드를 추가해주었습니다.해당 강의에서는 useNewUrlParser: true, usefindandmodify: f
2.Node.js와 React로 간단한 웹페이지를 만들어보자 2편
<목차>BodyParser & PostMan & 회원 가입 기능 Nodemon 설치 비밀 설정 정보 관리 Bcrypt로 비밀번호 암호화 하기client와 sever간의 통신을 위해 미리 준비해야할 것들이 있습니다. client는 로그인할 때 정보를 입력하고, 서버
3.Node.js와 React로 간단한 웹페이지를 만들어보자 3편
<목차>Bcrypt로 비밀번호 암호화 하기로그인 기능 with Bcrypt토큰 생성 with jsonwebtokenAuth 기능 만들기로그아웃 기능현재 DB에 저장된 비밀번호의 데이터 저장 형태를 보면 전혀 안전하지 않습니다.그래서 Bcrypt를 이용해 비밀번호를
4.Node.js와 React로 간단한 웹페이지를 만들어보자 4편 (Node.js 마무리)
<목차>Auth 기능 만들기로그아웃 기능사이트의 여러 페이지 중 로그인한 사람만 이용할 수 있는 페이지 / 모두가 이용할 수 있는 페이지 등의 구분을 위해서 이 기능을 만듭니다.페이지 이동 때마다 로그인 되있는지, 안되어있는지, 관리자 계정인지 등을 체크합니다.글
5.Node.js와 React로 간단한 웹페이지를 만들어보자 5편 (React.js 시작)
<목차>React란?Create-React-Appnpm npx구조 설명CRA to Our BoilerplateReact Router Dom데이터 Flow & AxiosCORS 이슈, Proxy 설정Proxy Server란?ConcurrentlyAntd CSS Fr
6.Node.js와 React로 간단한 웹페이지를 만들어보자 6편
npm npx 구조 설명 CRA to Our Boilerplate React Router Dom 데이터 Flow & Axios CORS 이슈, Proxy 설정 Proxy Server란? Concurrently Antd CSS Framework Redux 기초 Redu
7.Node.js와 React로 간단한 웹페이지를 만들어보자 7편
Redux 기초 Redux UP React Hooks Redux 기초 Redux란? JavaScript App을 위한 predictable state container -> 상태(state) 관리 라이브러리 그렇다면 여기서 말하는 state란 무엇일까? Redu
8.Node.js와 React로 간단한 웹페이지를 만들어보자 8편 (기본편 完)
로그인 페이지 회원가입 페이지 로그아웃 인증체크 로그인 페이지 회원가입 페이지 로그아웃 인증체크 이렇게 인증이 이뤄져야만 들어갈수 있는 페이지가 있다!!! 또 인증이 필요한 것들이 있을까 ??? 댓글 작성, 파일 전송, 파일 업로드 등등등... 이러한 인증