12월26일

prettier 적용

vscode extension으로만 써본 prettier를 npm으로 설정하여 써봤다.

git reset 하면서 테스트하다 알게된 사실인데, npm install prettier로 설치하지 않아도 작동된다는 점이다.

package.json 파일 옆에 설정파일 세팅 후 package.js에서 명령어를 세팅해줬더니 잘 동작한다.

 

.prettierrc.js

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  arrowParens: 'always',
  printWidth: 200,
};

package.json

"scripts": {
    "prettify": "prettier --write '**/*.js'"
}

 

코드를 애초에 잘 작성해놓은 탓인지 크게 바뀌는 부분은 없었고

한줄제한을 80줄로 해놓으니까 자꾸 잘 보이는데도 줄바꿈 해버리길래 200줄로 해버렸다.

또, Sequelize 세팅 부분에서 많은 변경이 있었는데 테스트 결과 문제는 없었다.

 

적용한 이유는 앞으로 팀프로젝트를 하게 됐을 때 사람마다 작성하는 코드 스타일이 있을텐데

저번에 겪어보니 생각보다 가독성을 좋게 작성하지는 않는 것 같아서

아예 vscode extension이 아닌 프로젝트 설정으로 박아버려

같은 팀이면 prettier 적용을 global하게 적용함으로서 누가 작성했든 누가 보든 같은 스타일이 되게끔 하기 위함이다.

 

부디 다음 팀프로젝트 때 적용해서 좋은 반응이 있길 기대해본다.

 

객체 지향 개념 정리

함수 및 클래스를 잘게 쪼개 구성하는 것을 객체 지향적으로 설계한다 정도로만 알고 있었는데

정확한 개념에 대해서 오늘 정리하며 공부하게 되었다.

 

객체를 순차적으로 처리하는 C 언어 같은걸 절차 지향적이다라 하고

반면, 캡슐화, 다형성, 클래스 상속을 지원하는걸 객제 지향적다라고 한다.

 

내가 알고 있던 상속, 인터페이스가 클래스 상속에 해당되고

클래스 변수에 대해 private하게 하는걸 캡슐화라고 부른다.

또한, 오버로딩, 오버라이딩을 다형성이라고 부르는 것도 알게 되었다.