공부하는 비오

서버에러라고 떴다. 하지만 아무리봐도 서버쪽 코드에 잘못된게 없었다. 서버쪽은 왜 에러정보안주지 하고 있었는데 터미널에 에러정보가 적혀있는걸 발견^^;;; email을 발견할수 없다고 한다. email을 받아오는 서버코드는 잘못된게 없으므로, front에서 잘못줬나하고 saga로 갔다. saga는 문제가 없어서 타고타고 올라갔다. 그랬더니 디스패치에서 문제를 발견했다. 여러번 에러 낸 적이 있어서 보자마자 잘못됐다는걸 알았다. 저렇게 작성하면 email만 action으로 들어간다. action은 하나만 받을수 있다. 액션을 제대로 바꿔주자 서버 에러가 사라졌다!

Error 2020. 12. 23. 16:24

sequelize와 express를 연결해보자. 그 전에 먼저 db를 만들어야한다. 터미널에 다음 명령어를 입력한다. 그럼 created라고 뜬다. :) app.js 이렇게 작성하면 서버실행시 DB도 같이 연결된다. 여기서 보이는 명령어 Executing(default): CREATE TABLE IF NOT EXISTS....는 sequelize가 자동으로 만들어놓은 명령어이다. 테이블이 없으면 만들어주자라는. 서버 실행 후 워크벤치에 들어가보면 테이블(sequelize에서는 model)이 생성된 것을 확인할 수 있다.

Sequelize 2020. 12. 23. 14:37

만들어놓은 모델들을 index.js로 불러온다. 이렇게하면 연결끝! associate는 db라는 객체 안에 있는 항목들을 연결시켜준다. 그래서 각 모델의 associate를 작성할때, db.User 이런 형태로 만들어야한다. 다음 포스트에서는 express와 연결하는 방법을 살펴보자.

Sequelize 2020. 12. 23. 14:24

모델을 만들어보자. 모델은 다음과 같은 형식으로 만든다. module.exports = (sequelize, DataTypes) => { const User = sequelize.define(모델이름, {모델 데이터 설정}, {모델 옵션}); User.associate = (db) => { 다른 모델들과 관계 설정 } return user; } 예시를 통해 더 자세하게 살펴보자. user.js 유저데이터를 다룰 user파일을 설정해보자. 모델 데이터 설정 데이터 설정 중 id는 자동으로 설정해주기 때문에, 만들어 줄 필요가 없다. 각 데이터들은 고유의 id값을 가진다. 데이터이름 : { type: DataTypes.데이터타입, allowNull: false(필수값)/true(데이터가없어도 됨), uniq..

Sequelize 2020. 12. 23. 14:19

MYSQL 설치하기 프리웨어 DB인 MYSQL.​개인프로젝트에 사용할건데default 로 되어있는 모든 항목이 다 필요하지 않... blog.naver.com MYSQL을 설치해 준 후, NPM을 이용해서 다음 세가지를 설치하자. mysql2 : mysql이랑 node를 연결시켜주는 드라이버. sequelize : javascript를 sql로 바꿔주는 라이브러리 설치 후, sequelize를 시작한다. 그러면 config, migrations, models, seeders 가 생성된다. 일단 workbench에서 DB를 볼 수 있도록 config 설정을 해주자. 수정은 development에서 password를 workbench에서 설정한 비밀번호로 입력한다. database는 여기서 설정한 이름으로 ..

Sequelize 2020. 12. 23. 13:31

node app을 해줄경우 코드를 수정하고나면 재실행해줘야 수정사항이 반영된다. 자주 까먹기도하고 귀찮은데, 이럴 해결해 줄 수 있는 게 노드몬이다! 노드몬 설치 package.json에서 script 설정을 해준다. 이렇게 사용하면 npm run dev 로 노드몬을 실행시킬 수 있다. 😋😋😋

Node 2020. 12. 22. 17:54

기본 폴더인 app.js에 있는 라우터들. 동일한 이름의 라우터들끼리 묶어서 분리할 수 있다. 이 두개의 라우터를 app파일에서 분리해보자. - 루트디렉토리에 routes 폴더를 만들고, 하위파일로 post.js를 만든다. const express = require('express'); const router = express.Router(); router.post('/', ...); router.delete('/', ...); module.exports = router; app.js const postRouter = require('./routes/post); app.use('/post', postRouter); postRouter로 가져오고, 원래있던 곳에 app.use를 적는다. 여기서 첫번째 인자..

Node/Express 2020. 12. 21. 15:58

nextjs에서 cssModule을 지원한다. ^^;; 웹팩이나 뭐 필요한가 찾아봤는데 그냥 지원하는듯. 아무것도 설치하지 않고 하려면 파일 네이밍컨벤션을 지켜야한다. css파일이름은 '{이름}.module.css' 라고 지어야한다. Auth.module.css 글자색을 red로 바꿔보자. css파일을 style로 import해온다. console.log(style)을 해보면, {card: "Auth_card__{자동으로 부여}"} 라고 나온다. css 모듈이 어떻게 작동하는지 엿볼 수 있다. 어쨌든 저기 Aut_card__...을 클래스명으로 사용해야하므로, className={style.클래스명} 으로 설정한다. 글자색이 빨간색으로 바뀐 것을 확인할 수 있다. 참고 - https://nextjs.or..

Next.js 2020. 12. 20. 23:56