윤민상 블로그

먼저 https://karabiner-elements.pqrs.org/ 에 들어가서 karabiner-elements를 설치하자 그리고 보안을 풀어야되는 옵션이 나오는데(설치하면 알아서 나온다) 그중 grabber가 자동으로 나오지 않는다. 그래서 karabiner_observer에 오른쪽 클릭을 해서 폴더를 열고 karabiner_grabber를 드래그앤드랍으로 넣어주면 된다. 한영 먼저 한영키부터 살펴보자. karabiner-elements를 실행하고 아래 그림과 같이 키를 설정해준다. To key에는 사용하지 않는 키를 넣은거라 f18이 아니라 f19, f20 등 모두 가능하다. 아래와 같이 시스템 환경설정 > 키보드 > 단축기 > 입력소스 > 이전 입력 소스 선택 에서 오른쪽 command키를 ..

https://www.themoderncoder.com/add-git-branch-information-to-your-zsh-prompt/ https://gist.github.com/reinvanoyen/05bcfe95ca9cb5041a4eafd29309ff29 https://gist.github.com/doubleknd26/c4fcd2e65c3397947248878065b644ed vi ~/.zshrc export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/..

협업세팅을 팀원과 나 둘다 제대로 해본적이 없다보니 대충 책에서 본 코드를 복사붙여넣기 했는데 이 참에 제대로 정리해보려고 한다. 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..