윤민상 블로그

협업세팅을 팀원과 나 둘다 제대로 해본적이 없다보니 대충 책에서 본 코드를 복사붙여넣기 했는데 이 참에 제대로 정리해보려고 한다. vscode 기준으로 크게 prettier, eslint, jsconfig 등의 설정이 있는데 차례로 소개하겠다. prettier 프리티어는 말 그대로 예쁘게 코드를 보이게 해준다. 이게 무슨 말이냐면 들여쓰기 같은 것을 잘 하는 사람들은 문제가 없겠지만 코드가 길어지면 정리하기가 복잡해진다. 그리고 협업을 하다보면 서로 코딩 스타일이 달라서 머지할 때 문제가 생긴다. 그래서 반 강제적인 툴이 prettier이다. setting.json < .editorconfig < .prettieric 순으로 우선순위가 정해지는데 먼저 setting.json에 들어가거나 옵션에서 form..

{ "workbench.colorTheme": "Material Theme Darker High Contrast", "workbench.iconTheme": "material-icon-theme", "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "editor.tabSize": 2, "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe", "files.associations": { "*.js": "javascript" // "*.js": "javascriptreact" }, "prettier.singleQuote": true,..

1. Material Theme, Material Icon Theme 설명 : VS Code 테마 및 아이콘 변경하는 플러그인 Material Theme 사용법 : 설치 후 왼쪽 하단 설정 아이콘(톱니바퀴) 클릭 > Color Theme 에서 Material Theme 관련 테마 선택 Material Icon Theme 사용법 : 설치 후 왼쪽 하단 설정 아이콘(톱니바퀴) 클릭 > File Icon Theme에서 Material Icon Theme 선택 2. Prettier 설명 : 파일 저장 시 알아서 포맷에 맞게 소스 코드가 보기좋게 정렬 됨 사용법 : 설치 후 Setting화면 (Ctrl + ,) 에서 "Format on Save" 입력 후 체크해 줌 (사용안 할 경우 다시 체크 해제) defaul..