npm init -y1. npm 프로젝트를 생성해준다. npm i express ejs mongoose2. 필요한 디펜던시를 설치해준다. "scripts": { "start": "nodemon index.js" },3. package.json에 디펜던시가 잘 들어와 있는지 확인후 노드몬으로 시작해줄수 있도록 npm scripts를 추가해준다. (nodemon이 글로벌로 설치되어있어야 디펜던시 설치 없이도 노드몬 사용 가능) const express = require('express'); const app = express(); const path = require('path'); app.set('views', path.join(__dirname, 'views')); app.set('view engine'..

유데미 강의를 듣는 중 부트스트랩을 사용하는 부분이 있었다. 강의에서는 파일을 다운로드한 후 프로젝트에 css, js를 넣어서 사용했지만 나는 설치하기 귀찮으므로 cdn링크를 사용해 부트스트랩을 썼다. cdnjs - The #1 free and open source CDN built to make life easier for developersSimple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflar..

몽구스를 사용하는 이유는 자바스크립트에서 몽고DB와 좀더 편하게 상호작용하기 위함이다. 몽구스에서 Model은 중요하다. Model은 몽구스의 도움으로 생성되는 자바스크립트 클래스로 몽고DB의 정보를 나타낸다. 구체적으로는 어떤 집합의 정보를 나타낸다. 몽구스에서 중요한 만큼 다양한 Model 메서드들이 존재한다. 모델들을 사용해서 CRUD를 할 수 있다. 일단 모델을 사용하기위한 스키마를 정의해보자. 스키마(Schema)? 몽고디비 각기 다른 키 집합을 자바스크립트의 타입으로 구조를 짜는 것. import mongoose from 'mongoose'; const { Schema } = mongoose; const blogSchema = new Schema({ title: String, // String..

maxLength도 써야하고 숫자타입의 번호판도 띄워야해서 어떻게 해야하나 싶었다. maxLength는 input type="number"에서는 적용이 안된다. 그럴때 inputProps를 위와같이 설정해주면 숫자 4자리도 적용되고 text타입일때 나오는 글자판이아닌 숫자판이 키패드로 떠오르게된다.

NVM? Node Version Manger의 약자로 여러 버전의 Node.js 설치 및 버전을 관리해주는 도구다. 여러 프로젝트에서 다른 노드 버전을 사용할 때 NVM으로 관리하면 편하게 프로젝트마다 버전을 설정할 수 있다. Mac을 사용할때는 brew를 사용해 NVM을 설치했다. 윈도우에서 NVM을 사용하려면 Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위 깃헙에 들어가서 다운로드 하면된다 주의사항 NVM 설치 전 꼭 프로그램추가/제거에서 Node.js 를 삭제해야한다. 안그러면 충돌..