춘몽

nest하는데 줄 바뀌면 코드 지저분해지고 한줄로 보는게 깔끔해 보이는 코드가 줄바꿈 되어서 변경방법을 좀 알아보았다. (nest 기본 설정 파일 기준)- .prettierrc 코드 변경 => printWidth가 추가 되었다. (printWidth 작성하면 80뜨는게 기본이 80인듯){ "singleQuote": true, "trailingComma": "all", "printWidth": 90} 이렇게 하면 줄은 안바뀌는데 줄 안바뀐 코드에 대해서 빨간줄 떠있다. 그 이유는 .eslintrc 설정에서 충돌이 나기 때문.. - .eslintrc 코드 변경 => extends 에서 prettier/recommended 코드를 삭제하는 방법도 있으나 어떤 오류를 만날지 모르니....

Nest.js 강의를 보는데 강의의 ESLint는 경고사항을 노란색줄로 표현하는 반면 내껀 빨간색줄로 표현했다. 선언하고 사용안했다는 이유인데, 이게 오류가 아닌데 빨간색줄로 나오는게 은근히 신경쓰여서 방법을 좀 찾아보았다. 우선 빨간줄 나오는 부분에 마우스를 올려서 뜨는 내용 중에 eslint에 해당되는 부분을 복사한다. 그리고 .eslintrc.js 파일로 가서 rules에 붙여넣기 이후 warn으로 적어준다. '@typescript-eslint/no-unused-vars': 'warn', 그러면 빨간줄이었던게 노란색줄로 바뀌면서 오류가 아닌 경고로 확실하게 느낌이 바뀐다. 이를 활용해 warn 대신에 off 넣으면 해당 기능을 아예 꺼버리는것도 가능하다.

전에 팀프로젝트 할 때 git 충돌을 줄이고자 Prettier를 저장시 자동 적용되도록 설정하는 방법을 팀원들에게 공유한적이 있다. 그런데 오늘 node(nest) 강의를 듣다보니 굳이 팀원이 일일이 설정할 필요없이 파일로 설정해놓는 방법이 있었다. 덕분에 팀프로젝트 할 때 팀원이 일일이 설정하는게 아니라 파일 하나로 팀프로젝트가 한번에 처리 되는것이다. 방법은 경로 최상단에 .vscode라는 폴더를 만들고, 안에 settings.json 이라는 파일을 만든다. 그리고 안에 적용할 내용을 적는다. { "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode" } 위 예시코드의 첫번째 줄은 저장할때마다 포맷 적용한다. 두..

MAC 기준 - cmd + 클릭 => 해당 함수로 이동 - control + - => 이전 창 - control + shift + - => 다시 아까 창

=> 기본설정인 프리티어를 저장할 때 마다 적용 => 저장할 때 마다 자동 정렬!! - GraphQL Syntax Highlighting

- Code Spell Checker - Live Server - Prettier - Code formatter - ES7 React/Redux/GraphQL/React-Native snippets - Auto Rename Tage - Auto Close Tag - GitLens — Git supercharged - cmd + shift + p => Shell => 'code' in - mkdir - code .