웹프로그래밍3 [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 2 - 정리하기 이전 포스트 보러가기 [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 1 Create React App은 Node 모듈 중에 하나로서, 글로벌 옵션을 통해 글로벌 모듈로 설치하면 언제 어디서든지 콘솔창에서 create-react-app 명령어 실행을 통해 쉽게 react앱을 시작할 수 있습니다. cmd 을 열 futuregate.tistory.com 이전 포스트에 이어서, CRA로 만든 프로젝트를 조금 다듬어 보겠습니다. CRA 로 프로젝트를 생성하고 막 시작하면, 아래와 같이 미리 만들어진 예제가 있습니다. 하지만 보통 프로젝트를 시작하면, 빈상태로 시작하는 것이 편할 때가 있습니다. 그러므로 CRA로 만들어진 몇몇개의 파일들은 삭제하거나 수정할 필요가 있는것.. 2019. 1. 30. [ React.js ] Create React App (CRA)로 리액트 앱 쉽게 시작하기 1 Create React App은 Node 모듈 중에 하나로서, 글로벌 옵션을 통해 글로벌 모듈로 설치하면 언제 어디서든지 콘솔창에서 create-react-app 명령어 실행을 통해 쉽게 react앱을 시작할 수 있습니다. cmd 을 열고 (디렉터리는 상관없습니다.) 다음 명령어를 입력합니다. npm install -g create-react-app npm install 에서 -g 옵션은 글로벌 옵션으로, 이 옵션을 사용하여 모듈을 설치하면 어떤 디렉터리 에서든지 해당 모듈을 사용할 수가 있습니다. 설치를 마쳤다면 프로젝트를 만들 디렉터리에 가서 콘솔창을 열어 create-react-app을 실행해봅니다. create-react-app은 다음과 같이 실행 할 수 있습니다. create-react-app .. 2019. 1. 29. [Node.js] Passport 모듈을 이용한 로그인 구현 2 - 로그인 구현 이전 포스트 보러가기 [Node.js] Passport 모듈을 이용한 로그인 구현 1 - 모듈 설치 / 준비 Node.js 모듈 중에는 Passport라는 모듈이 있습니다. 이 모듈을 사용하면 로그인 시에 인증을 보다 쉽게 구현할 수 있습니다. 프로젝트를 다음과 같이 구성합니다. 코드를 다음과 같이 입력합니다. /m futuregate.tistory.com 이전 과정을 모르시는 분들은 위 링크로 가셔서 보고 오시길 바랍니다~ passport모듈을 사용할 준비가 되었으니, 이제 사용자를 생성하고, 로그인(인증)까지 구현해 보도록 하겠습니다. 먼저 /api/routes/users.js 입니다. /api/routes/users.js var express = require('express'); var route.. 2019. 1. 29. 이전 1 다음
