본문 바로가기

Knowledge/Tools & Command35

Web Storm 단축키 및 Plugin 👋 개요 VS Code에서 WebStorm으로 이사 중 내가 설정한 내용들을 공유하고자 포스팅 하였습니다. 아직 WebStorm을 많이 사용해보지 않아 VSCode에서 사용하던 기능들을 위주로 세팅하였습니다. 저의 VS Code 설정을 보고 싶다면 여기를 참고해주세요 VS Code를 맥에서 쓸때 이모지 단축키가 작동이 잘 안되던가 한글 입력이 잘 안되던가 등이 있습니다. WebStorm을 사용하면서 좋았던 점은 강력한 디버그 기능을 꼽을 수 있겠습니다. 아래에 제가 한달간 WebStorm을 사용하면서 사용한 단축키, 플러그인, 기능 들에 대하여 기술하였습니다. ⌨ 단축키 제가 Mac을 사용하기에 단축키는 mac 기준으로 작성합니다. (윈도우 죄송합니다 🙏🏼) 제가 JavaScript 개발하면서 진짜 중요.. 2021. 12. 8.
나의 VS Code 마지막 모습(부제: VS Code 세팅) 개요 Web Storm으로 갈아타기 전에 나의 VS Code 마지막 모습을 포스팅 하려고 한다. 참고로 나는 Front-End 개발을 하고 있기에 JavaScript 기반의 세팅이다. VS Code 설정 및 확장 앱 최고의 관종 앱: Power Mode 최고의 관종 앱. keyboard 입력이 있을 때마다 팡팡 터지는 effect 때문에 심심하지 않다. (개인적으로 흔들리는 옵션은 머리아파서 disable 했다.) 이걸 쓰고 있으면 사람들이 뭐냐고 물어본다. (물어볼때마다 짜릿함) 아래는 내가 사용하는 setting { // power mode "powermode.enabled": true, "powermode.presets": "fireworks", "powermode.enableShake": fals.. 2021. 10. 29.
Slack Theme 추천(부제: 남자는 핑크지...) 🌅 블랙 테마 옷부터 컴퓨터 책상, 맥북안의 모든 테마를 Black 색상을 사용하는 중이다. 뭔가 Professional한 느낌을 주는 Black Theme 나의 Mac은 Black Theme와 Red계열 그리고 Arsenal의 조합으로 이루어 져있다. 역시 나의 slack 또한 Sync OS With Setting 옵션으로 인하여 Black Theme로 사용중이다. 그런데… 어느날 Slack의 색상이 지겨워져 Theme를 고르다가… 🐽 핑크를 발견했다… 역시 남자는 Pink지… (박보검만!, ㅋㅋㅋ 웃자고 한번 써봤다…) 나는 박보검이 아니고 Pink 색 옷을 입지는 않지만 Pink 테마는 너무 예쁘다!! 나… 핑크 좋아하나봐… 한번 쯤 테마에 질릴때쯤 Slack의 White & Pink Theme는 .. 2021. 7. 6.
[Git] merge와 rebase - (1) 주요 개념 및 예시 목차 목차 🤓 개요 🥶 중요 개념: Fast-Forward 관계란? 🥸 merge와 rebase의 기본 개념 및 차이 😇 merge, rebase 사용 케이스 1. Fast-Forward 관계에서 merge 2. Fast-Forward 관계에서 rebase 3. Fast-Forward 관계가 아닐때 merge 4. Fast-Forward 관계가 아닐때 rebase 5. Fast-Forward 관계에서 merge (with merge message) 🤔 정리하자면… 🤓 개요 사전적으로 "merge는 합치다", "rebase는 재배치하다" 라는 뜻을 가지고 있습니다. 영어로는 쉽지만 git을 이용할 때 헷갈리는 경우가 있죠 이번 포스팅에서는 merge와 rebase의 차이를 알아보고 각 케이스별로 예시를 알.. 2021. 6. 16.
왜 커밋해도 나의 Github contribution 그래프는 제자리일까? 😭 커밋을 잃어버린 스토리최근에 github contribution 그래프를 따로 체크하지 않고 있었다가오랜만에 그래프를 확인해봤는데 텅텅 비어있었다;;;'읭!? 내 커밋들 다 어디갔어!!'원인을 찾아보니까 나의 github 계정은 minhoe1122@gmail.com 인데반년동안 커밋된 Author를 확인해보니 회사 계정으로 커밋되고 있었다;;커밋 하나하나를 건들여야하나 했지만 해결 방법을 찾았다 🥲지금부터 잃어버린 나의 커밋을 찾아보겠다!!!!🤗 그래프가 채워지는 조건은?!github 계정에 등록된 이메일 주소와 같아야한다.Fork된 Repository는 PR 후 Merge 되어야 그래프가 채워진다.Default, gh-pages 브랜치에 적용된 커밋만 해당한다.🤩.. 2021. 5. 17.
[MAC OS] 브라우저/폴더 창에서 주소창 포커싱 명령어 매번 아래에 있는 주소창으로 포커싱 옮길때 마우스로 클릭하기 귀찮았었는데 아래 명령어 한방이면 바로 주소창으로 포커싱이 옮겨져요! # 주소창으로 포커싱 CMD + L 2021. 1. 3.
ESD 파일 ISO 파일 변환 방법 변환 도구 다운로드 아래 도구를 사용하여 ESD 파일을 ISO 파일로 변환해보겠습니다. 다운로드 링크 예제로 사용할 ESD 파일 다운로드 예제에서 사용할 ESD 파일 다운로드 링크 (MS 업데이트 서버에서 받는 링크 입니다. 안심하세요 :) ) Windows 10 1803 business Edition 다운로드 Windows 10 1803 consumer Edition 다운로드 Windows 10 1903 business Edtion 다운로드 Windows 10 1903 consumer Edition 다운로드 ESD 파일에서 필요한 Edtion만 제외하고 제거 Consumer Edtions (Home + Education + Pro) / Business Editions (Education + Enterp.. 2020. 9. 14.
[Windows terminal] git bash 연동 Windows Terminal 설치 MS에서 괜찮은 터미널을 출시했다. (github.com/microsoft/terminal) 위 그림처럼 설치해주자! 설정 창 열기 설정(Ctrl + ,)이 단축키 이다. 설정 추가 { "guid": "{00000000-0000-0000-ba54-000000000002}", "acrylicOpacity" : 0.75, "closeOnExit" : true, "colorScheme" : "Campbell", "commandline" : "\"C:\\Program Files\\Git\\usr\\bin\\bash.exe\" -i -l", "cursorColor" : "#FFFFFF", "cursorShape" : "bar", "fontFace" : "Consolas", "f.. 2020. 9. 7.
[VS Code] command line commit 메세지와 vs code 연동 개요 GIT을 사용할 때 CLI로 이용하는게 편하게 생각하는 사람들은 아무리 좋은 GUI extension이 있더라도 CLI를 사용하기 마련이다! VS Code에서 commit 메세지를 CLI로 남길때 vim을 쓰게되는데 이때 keyboard shortcut(단축키) 끼리 충돌해서 잘안먹을때가 있다. 이런 불편함으로 commit message를 VS Code 에디터에서 수정할 수 있으면 좋겠다는 생각을 했고 세팅 하는 방법을 찾았다. 아래를 참고해보자 본문 .gitconfig에 아래처럼 세팅 하면 된다. windows, mac 둘다 된다. [core] editor = "code --wait" 아래는 내가 보통 쓰는 .gitconfig 이렇게 하면 editor에서 commit 메세지를 남길 수 있다. 2020. 9. 7.
[VS Code] C/C++ 코딩 스타일 세팅 방법 확장 앱 설치 C/C++ , C++ Intellisense 위 링크에 해당하는 확장 앱 설치 명령 팔레트(Ctrl + Shift + p) 실행 후 사용자 설정 열기 코딩 스타일 설정 "C_Cpp.clang_format_style": "{ IndentWidth: 4, ColumnLimit: 80 }", "C_Cpp.clang_format_fallbackStyle": "Google", 코딩 스타일을 "Google" 외에도 아래와 같이 선택 가능한 항목이 있다. (링크) TAB 사이즈 설정 "editor.tabSize": 4 상단의 IndentWidth는 코딩 포매팅 시 사용할 탭 사이즈를 세팅하는 것이다. 추가적으로 위 세팅과 같이 맞춰주는 것이 좋다. 2020. 9. 4.
[JIRA] 단위 정리 (프로젝트, 이슈, 스프린트) ※ 해당 문서는 차세대 프로젝트 기준으로 작성하였습니다. 프로젝트 프로젝트의 단위는 서비스 별로 나누는 것이 좋다. example) 자원 신청 시스템 사내 DevOps 시스템 광고주 Contact 시스템 이슈 차세대 이슈에서 필드의 커스터마이징이 가능하다. 에픽 이슈 포괄적인 대단위 기능을 말한다. example) 상태 관리 모듈 1차 개발 인증 시스템 1차 고도화 작업 스토리 이슈 일반적으로 개발 이슈를 말한다. 스토리 포인트로 작업량을 산출한다. example) 인증 모듈 라이브러리 및 API 개발 로그인 폼 개발 초어 이슈 초어 이슈가 있는 경우 스토리 이슈의 의미가 조금 변경된다. * 스토리 이슈 : 사용자와 직접적으로 연관 있는 개발 사항 (UI/UX 관련 개발) * 초어 이슈 : 사용자와 직접.. 2020. 9. 4.
[VS Code] ES Lint: Auto Fix On Save 없을 때 문제 사항 위와 같이 VS Code에는 저장 시 자동으로 ES Lint 설정에 따라 JavaScript 문법 검사 후 Fix 하는 기능이 있다. 아니 근데 개발환경 다시 세팅하고 ES Lint 깔았더니 없다;; 해결 방법 명령 팔레트 > setting json 입력 > 기본 설정: 설정 열기(JSON) 선택 위와 같이 입력 "editor.codeActionsOnSave": { "source.fixAll.eslint": true ## ES Lint 저장 시 자동 fix 설정 }, "editor.formatOnSave": true, ## document formatting 자동 fix 설정 2020. 7. 31.

티스토리툴바