서버를 킨 다음 코드를 수정하면 서버를 내린 후 다시 올려야 적용이 되는데 nodemon을 사용하면 소스를 수정하면 감지해서 자동으로 서버를 시작해줍니다. 오늘은 nodemon을 사용해보겠습니다. 1. $ npm install nodemon --save-dev -dev : development모드. devdependencies에 들어감 2. scripts에 다음과 같이 "backend": "nodemon index.js"를 추가해줍니다. nodemon으로 index.js를 시작한다는 뜻입니다. 이부분에서 "backend"를 "dev"로 바꿔주셔도 상관없습니다. 3. $ npm run backend를 이용하여 시작해주시고 서버를 재시작 하지않아도 코드를 변경하고 refresh를 하시면 바로 적용됩니다.
이번 게시글에서는 회원가입 기능을 만들어 보겠습니다. 클라이언트와 서버가 통신하는 법은 브라우저와 같은 클라이언트(사에트에서 정보입력)에서 서버로 정보를 보내야하는데, 현재 서버는 우리가 만들고 있는 부분입니다. 서버에서 받아야 할 부분은 Body-parser Dependency로 받아옵니다. 그럼 구현을 해봅시다. VScode의 터미널에서 $ npm install body-parser --save 를 입력하여 Body-parser를 설치하여 줍니다. client에서 Request를 줘야하는데 현재 client가 없으니 데이터를 클라이언트에 보내기위해 post man 을 통해 request를 보냅시다. Post man을 검색 후 다운로드 해줍니다. 4. Register Route만들기 이전에 간단한 라우..
이번 게시글에서는 UserModel을 생성할 것 입니다. 회원가입할때 유저 이름, 나이 등 정보를 입력할 때 이 정보들은 유저 데이터 베이스에 들어갑니다. 이걸 보관하기 위해 모델과 스키마를 만들 것입니다. model : 스키마를 감싸주는 역할 schema : 상품 관련된 글을 작성 시 그 글을 작성한 사람이 누구인지, 이름이 뭔지, 타입이 뭔지 등의 부분들을 말합니다. 1. models폴더 생성 후 안에 User.js를 만들어줍니다. const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ name:{ type: String, maxlength:50 }, email: { type: String, trim: true, //띄어쓰..
Mongodb사이트에서 회원가입후 클러스터를 만들 것입니다. 1. Create New Cluster 를 눌러줍니다. 한국은 없어서 가까운 싱가포르 선택(공짜 티어를 받을수 있는 국가) 클러스터 이름을 작성하여 줍니다. 클러스터를 완성하였습니다. Connect를 눌러서 계정을 만들고 Choose a connection method -> Connect your application을 눌러줍니다. copy를 눌러서 다음을 복사한 후 비쥬얼 스튜디오 코드 index.js에 붙여 넣어줍니다. index.js를 다음과 같이 작성하여 줍니다. 터미널에서 npm install mongoose --save를 실행하여 설치한 후 다음과 같은 모듈을 추가해줍니다. npm run start를 해주면 다음과 같이 출력됩니다. ..
인프런 강의를 통하여 React.js와 Node.js에 대해서 알아보겠습니다. www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%B0%EB%B3%B8/dashboard 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다. 초급 웹 개발 프레임워크 및 라이브러리 React Node.js 웹 개발 온라인 강의 실무에서 가장 많이 활용되 www.inflearn.com node.js가 나오고나서 자바스크립트를 브..