Trond.log
close
프로필 배경
프로필 로고

Trond.log

  • 블로그 (118)
    • ___ (33)
      • 에러 (15)
      • tistory (0)
      • webstorm (2)
      • vscode (4)
      • 영어 (12)
    • 알고리즘 공부 (11)
      • Javascript (5)
      • programmers (6)
    • github (5)
      • 생활코딩 (1)
    • Frontend (17)
      • React (5)
      • Typescript (1)
      • Javascript (0)
      • html (1)
      • css (9)
      • Nextjs (1)
    • 프로그래밍 (9)
      • C (2)
      • 생활코딩 (4)
      • Android (1)
    • Node.js (7)
      • 기초(인프런) (7)
    • Server (2)
    • Linux (4)
    • Android (0)
    • iOS (1)
    • __ (19)
      • jQuery (11)
      • 내장함수 (7)
      • sql (0)
    • windows (1)
    • QA (1)
    • UI UX (2)
      • Figma (2)
    • 여기 저기 (1)
      • 일상 (0)
      • etc (1)
  • 홈
  • 태그
  • 방명록
[ Node.js ] 7강. Nodemon 설치

[ Node.js ] 7강. Nodemon 설치

서버를 킨 다음 코드를 수정하면 서버를 내린 후 다시 올려야 적용이 되는데 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를 하시면 바로 적용됩니다.

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 21.
  • textsms
[ Node.js ] 6강. BodyParser & PostMan & 회원 가입 기능

[ Node.js ] 6강. BodyParser & PostMan & 회원 가입 기능

이번 게시글에서는 회원가입 기능을 만들어 보겠습니다. 클라이언트와 서버가 통신하는 법은 브라우저와 같은 클라이언트(사에트에서 정보입력)에서 서버로 정보를 보내야하는데, 현재 서버는 우리가 만들고 있는 부분입니다. 서버에서 받아야 할 부분은 Body-parser Dependency로 받아옵니다. 그럼 구현을 해봅시다. VScode의 터미널에서 $ npm install body-parser --save 를 입력하여 Body-parser를 설치하여 줍니다. client에서 Request를 줘야하는데 현재 client가 없으니 데이터를 클라이언트에 보내기위해 post man 을 통해 request를 보냅시다. Post man을 검색 후 다운로드 해줍니다. 4. Register Route만들기 이전에 간단한 라우..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 20.
  • textsms
[ Node.js ] 5강. SSH를 이용해 GITHUB 연결

[ Node.js ] 5강. SSH를 이용해 GITHUB 연결

VScode를 Github과 연동하는 작업을 해보겠습니다. 우선 다음과 같이 Local에서 Github사이트로 보내려면 $ git push 라는 명령어를 통해 보내야 합니다. git repository(local, 내 컴퓨터) → git repository(remote, github사이트) git push Git repository (REMOTE, github) : 클라우드 서비스, .git을 사용하는 서비스 Git : 분산 버전 관리 시스템, 소스코드를 관리할 수 있는 툴 github가입 create a new repository 다음 부분을 터미널에 치면 Git repository로 옮겨가는데 현재는 ssh연결이 없기 때문에 오류가 날 것 입니다. 다음은 인프런 강의 자료입니다. 4. 여기서 Our ..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 19.
  • textsms
[ Node.js ] 4강. Git 설치

[ Node.js ] 4강. Git 설치

Git을 설치해보도록 하겠습니다. 1. Git사이트에 들어가 다음을 다운받습니다. 2. CMD에서 다운로드 후 확인을 하는 명령어 $ git --version 을 입력합니다. 다음과 같이 출력되면 설치 된 것 입니다. 3. 코드의 버전관리를 위해 저장소를 만들겠습니다. 아래 그림은 인프런 수업 자료입니다. working directory : 처음 있는 상태 staging area : git에만 존재하는 상태라고도 하며, git 저장소(repository)에 넣기 전에 한번 저장하는 곳 4. VScode의 터미널에 $ git init을 입력합니다. 이 부분은 깃 저장소에 들어갈 준비를 하는 것입니다. 5. $ git status는 현재 가지고 있는 파일들을 보여줍니다. 6. node_module(라이브러리..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 19.
  • textsms

[ Node.js ] 3강. MongoDB model & schema

이번 게시글에서는 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, //띄어쓰..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 18.
  • textsms
[ Node.js ] 2강. MongoDB 연결하기

[ Node.js ] 2강. MongoDB 연결하기

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를 해주면 다음과 같이 출력됩니다. ..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 18.
  • textsms
  • navigate_before
  • 1
  • 2
  • navigate_next
공지사항
전체 카테고리
  • 블로그 (118)
    • ___ (33)
      • 에러 (15)
      • tistory (0)
      • webstorm (2)
      • vscode (4)
      • 영어 (12)
    • 알고리즘 공부 (11)
      • Javascript (5)
      • programmers (6)
    • github (5)
      • 생활코딩 (1)
    • Frontend (17)
      • React (5)
      • Typescript (1)
      • Javascript (0)
      • html (1)
      • css (9)
      • Nextjs (1)
    • 프로그래밍 (9)
      • C (2)
      • 생활코딩 (4)
      • Android (1)
    • Node.js (7)
      • 기초(인프런) (7)
    • Server (2)
    • Linux (4)
    • Android (0)
    • iOS (1)
    • __ (19)
      • jQuery (11)
      • 내장함수 (7)
      • sql (0)
    • windows (1)
    • QA (1)
    • UI UX (2)
      • Figma (2)
    • 여기 저기 (1)
      • 일상 (0)
      • etc (1)
최근 글
인기 글
최근 댓글
태그
  • #Node.js
  • #jquery
  • #js
  • #인프런
  • #생활코딩
  • #정보처리산업기사 실기
  • #React
  • #johnahn
  • #JavaScript
  • #react.js
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바