IM: DAY 50

(DAY 51) UP!!!!!!! 🎭🏰😍

오늘

• ORM
• MVC Pattern
• React에 summernote 라이브러리 적용하기
• 스터디 참여

기억할 것

ORM

0. sequelize 및 sequelize-cli 설치

Sequelize 설치

$ npm install --save sequelize

Sequelize-cli 설치

$ npm install --save-dev sequelize-cli

1. ORM 설정

Bootstraping(프로젝트 초기 단계를 자동으로 설정할 수 있도록 도와주는 일)

$ npx sequelize-cli init 

• 기존에 bootstraping을 이미 한 상태일 경우 없는 부분만 만들어준다. 기존에 존재하는 파일을 overwrite 하고 싶을 경우 --force 명령어를 사용하면 된다.

설정 파일을 이용해 MySQL 접속 설정(Configuration 설정)

• ./config/config.json 파일에서 password와 database 값을 설정해준다.
• development, test, production 환경 중 기본적으로 development 환경을 사용한다.
• 다른 환경으로 전환하고 싶다면 ./models/index.js 의 env부분을 바꾸어주면 된다.
• 여러 개의 환경을 분리한 이유는 환경에 따라 데이터 타입등을 다르게 설정할 수 있기 때문이다.

2. Model 생성

CLI를 통해 model 생성

$ npx sequelize model:create --name user --attributes "name:string"

// 기본 문법
$ npx sequelize model:create --name TABLE_NAME --attributes "COLUMN1:type, COLUMN2:type, COLUMN3:type"

• CLI로 모델을 정의할 때, attributes의 내용은 꼭 겹따옴표(")로 감싸주어야 한다.
• Seqeulize는 column(attributes field)의 default value를 NULL로 추정한다. 이는 model 파일의 Model.init함수 내부에서 defaultValue 옵션을 통해 설정 할 수 있다.
• 내부적으로 sequelize.define은 Model.init을 부르기 때문에 이 두 가지는 완전하게 같은 개념이다.

3. 마이그레이션

생성한 model에 따라 데이터베이스에 실제로 table을 생성해주는 과정이다. (마이그레이션 전까지는 실제로 데이터베이스 아무것도 추가되지 않은 상태다.) 스키마 변경이 있을 때마다 마이그레이션을 실행해줘야 한다.

$ npx sequelize-cli db:migrate

아래 명령어로 가장 최근의 마이그레이션 작업을 취소할 수 있다.

$ npx sequelize-cli db:migrate:undo

React

Create-React-App 의 webpack.config.js 찾는 법

CRA로 리액트 앱을 생성한 뒤 디렉토리를 보면 CRA가 설정파일을 숨겼기 때문에 설정파일을 찾을 수가 없다. 이때 터미널 창에서 명령어로 숨겨놓은 설정파일을 꺼낼 수 있다. package.json 의 스크립트를 정의하는 부분을 보면 “eject”: “react-scripts eject” 라는 내용이 있다. 이 명령어가 설정파일을 추출하는 명령어다.

$ yarn eject

위 명령어를 입력해서 숨겨져있던 파일을 꺼내면 config 와 scripts 폴더가 생기고 package.json 파일에 모든 dependency 와 babel, jest 설정 코드가 드러난다.

내일

• MongoDB

---

Reference

reference 1
reference 2
react-summernote github