Week3 개발일지

2020-11-30

문서작업 (API 명세)

기존 API 명세에 하기 항목 추가(name, type, description) (insanehong멘토님 피드백 반영)

• Request Description
• Response Description

cannot find module 'eslint-plugin-vue' 에러 해결

.vscode/setting.json에

"eslint.workingDirectories": [
    ['./client','./server']
  ]

를 추가해주면 해결된다.

root/
  client/
    .eslintrc.js
  server/
    .eslintrc.js

현재 폴더구조가 위와같고 working directory가 root라서 발생한 에러 같다.

['./client','./server'] 옵션을 주면 working directory가 client내에서는 client로 server 내에서는 server로 바뀌어서 각각에 맞는 lint가 적용된다.

• https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Delete ␍ eslint (prettier/prettier) 해결방법

CRLF 관련 문제.

eslint rules에 다음 문구를 추가해주면 된다.

    rules: {
        'prettier/prettier': [
            'error',
            {
                endOfLine: 'auto',
            },
        ],
    },

• https://noogoonaa.tistory.com/62

vue-cli eslint-loader 관련 문제

lintOnSave:false
  // chainWebpack: (config) => {
  //   config.module.rule('eslint').use('eslint-loader').tap((options) => {
  //     options.fix = true;
  //     return options;
  //   })
  // }

Sequelize inner / left outer Join

include: {
      model: models.section,
      include: {
        model: models.task,
        where: { isDone: false, parentId: null },
        include: ['priority', 'labels', 'alarm', 'tasks'],
        required: false,
      },
},

include 객체에 where 절이 포함돼있을 경우 required:true 가 기본값으로 설정된다(inner join)

required: true 옵션으로 left outer join

Vue 기본 틀잡기 페어프로그래밍

• store를 모듈로 분리 *
• api 모듈화
• Axios 모듈화(customized)
• router params는 this.$router.params.id로 가지고 오면 된다.
• computed
  • computed의 내부 로직의 값이 변경될 때만 재실행시켜준다.
  • 메모이제이션 느낌
  • 추후 스터디 필요

토니

수업 때 vue js 언급했는데 자랑을 못했다. 오늘 공부했으니 담엔 자랑해야지.
페어프로그래밍으로 vue js 틀을 잡았다. 내일부터 빠른개발 !

찐

밤에 잠을 제대로 못자서 집중력이 많이 흐트러졌다.
그래도 팀 활동하면서 페어프로그래밍, 이슈 작성, vue 셋팅 등 많은 걸 했다.
vuetify를 조금 더 공부해서 빠르게 개발하고싶다 !!!
리팩토링이랑 남은 API 는 언제하지..??

카일

커밋을 미리미리 하자! ( ㅋㅋ )
페어프로그래밍 하며 혼자 짜면 놓쳤을 부분들을 많이 배운 것 같다