TIL(109)
-
#7 BodyParser & PostMan & 회원 가입 기능
[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다. client(브라우저)에서 보내는 정보를 받기위해 BodyParser가 필요함 client에서 Request를 줘야 하지만 현재는 client가 없기때문에 PostMan을 이용해 request를 보냄 BodyParser 설치하기 npm install body-parser --save PostMan 사이트에서 다운로드 받기 register Route 만들기 const bodyParser = require("body-parser"); const { User } = require("./models/User"); app.use(bodyParser.urlencoded({extended: true})); app.use(body..
2022.08.03 -
#5 Git 설치 / #6 SSH를 이용해 GITHUB 연결하기
[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다. Git 설치 확인 및 기본설정 터미널창에 git --version 입력해서 다운로드 확인하기 작업하던 폴더에서 git init 명령어 입력하기 .gitignore 파일 생성해서 node_modules 폴더 이름 저장하기 (npm install 명령어를 통해 모듈파일은 자동생성되기때문에 git으로 관리할 필요가 없음) SSH 연결 터미널창에 ls -al ~/.ssh 입력해서 SSH 설정되어있는지 확인하기 id_rsa, id_rsa.pub 이 있다면 설정이 되어있는 상태 안되어있을 경우 구글에 Git SSH 검색해서 나오는 안내 문서대로 진행하기 SSH key 생성하기(윈도우 기준) Git Bash 열기 ssh-keyg..
2022.08.03 -
#4 MongoDB Model & Schema
[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다. Model : Schema를 감싸주는 역할 Schema: 상품에 비유했을 때 상품의 이름, 가격, 정보 등을 작성하는 것을 의미한다. models 폴더 생성하기 폴더 내부에 User.js 파일 생성하기 User.js 파일 내부에 코드 작성하기 const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ name: { type: String, maxlength: 50, }, email: { type: String, trim: true, //문자열의 공백을 제거해주는 역할 unique: 1 }, password: { type: String, min..
2022.08.03 -
#3 몽고 DB 연결
[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다. 몽고DB 사이트에 회원가입한 뒤 로그인하기 Cluster 생성하기 유저 생성하기 Mongoose 다운로드 하기 터미널에 npm install --save mongoose index.js에 아래 코드 추가 const mongoose = require('mongoose') mongoose.connect('유저링크( 부분에 비밀번호 넣기)') .then(() => console.log('MongoDB Connected..')) .catch(err => console.log(err)) 6. 터미널에 npm run start 입력해서 몽고DB연결되었는지 확인하기
2022.08.03 -
#2 NODE JS와 EXPRESS JS 다운로드 하기
[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다. node js란? 자바스크립트를 서버사이드에서 볼 수 있도록 해주는 언어 EXPRESS JS란? node js를 더 쉽게 사용할 수 있도록 도와주는 프레임워크 커맨드창에 node -v 명령어를 입력해 다운로드 확인 폴더 생성 및 이동한 뒤 npm package 만들기 npm init 에디터에서 해당 폴더 열어 확인 index.js 파일 생성하기 터미널에 npm install express --save 명령어 입력해 express 설치하기 package.json 파일에서 script 추가하기 "start": "node index.js" index.js 파일 내부에 express 사이트에 나와있는 ‘Hello World..
2022.08.03 -
리액트 비동기 서버통신 axios
jQuery의 json, JS의 fetch와 동일한 기능 1. 터미널 창에 'npm install axios --save' 을 입력해 axios를 설치해준다. 2. import axios from 'axios' 3. axios.get(url) .then(데이터 불러오기 성공시 작동되는 구문) .catch(데이터 불러오기 실패시 작동되는 구문)
2021.12.24