vscode
-
VSCode/Prettier - Code formatter을 default 로 지정Tool/VSCode&Cursor 2022. 10. 19. 10:46
Extensions 열기 Prettier - Code formatter Install 기본으로 포멧팅 설정 프로젝트에 종속되도록 workspace settings.json에 추가 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.defaultFormatter": "esbenp.prettier-vscode" ... }
-
VSCode/PostCss Sorting - css auto formatTool/VSCode&Cursor 2022. 10. 19. 10:35
Extensions 열기 PostCSS Sorting Install 단축키 설정 위와 같이 단축키 지정을 통해서 사용 가능하지만 필자는 아래 포스팅과 같이 저장시에 포멧팅이 되도록 진행하였다. VSCode/FormatOnSave 설정 VSCode/FormatOnSave 설정 저장과 동시에 css 및 js 등의 포멧을 잡기위해 설정 Format On Save 설정 Format On Save 체크 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.formatOnSave": true, ... dchkang83.tistory.com config 설정 프로젝트에 종속되도록 workspace settings.json에..
-
VSCode/GitLens - IntelliJ 형태의 annotate 보기Tool/VSCode&Cursor 2022. 10. 19. 08:14
Extensions 열기 GitLens — Git supercharged 설치 GitLens: Open Settings Hovers 변경 Hovers에서 AShow hovers for the current line option 변경 annotaion 확인 Dates & Times 설정 GitLens: Open Settings 에서 Dates & Times 클릭 Date format 설정 단축키 설정 단축 키 설정 화면 열기 단축키 설정 Annotation format 설정 File Blame 설정 GitLens: Toggle File Blame 열어보기 단축키로도 열어볼수도 있지만 아래와 같이 클릭 후 확인이 가능하다. (다시 누르면 닫힘) 참조) https://www.youtube.com/watch?v..
-
VSCode/단축키Tool/VSCode&Cursor 2022. 10. 12. 17:10
기본 ⇧ : Shift ⌃ : Controll ⌥ : Option ⌘ : Command Home : fn + ← End : fn + → Page Up : fn + ↑ Page Down : fn + ↓ 단축키 구분 맥 연결 키보드 맥 윈도우 Comment 코드 자동 정렬 Shift + Alt + F ⇧ + ⌥ + F import 정리 Ctrl + Alt + O ⌃ + ⌥ + O import 순서 & 불필요한 import 제거 여러행 선택 Shift + Alt + Drag ⇧ + ⌥ + Drag 마우스로 선택 지정 참조 이동 참조) https://zuyo.tistory.com/902 비주얼 스튜디오 코드(Visual Studio Code) 단축키 (Mac, Windows) 자주 사용하는 비주얼 스튜디오 코드..
-
VSCode/설치 및 설정Tool/VSCode&Cursor 2022. 10. 6. 14:30
Visual Studio Code Download 필자는 Apple Silicon 버전을 다운로드 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.c..
-
7. Spring Boot + Spring Security + JWT + access token + refresh token + 토큰 갱신Project/React+Java 2022. 8. 2. 15:50
https://github.com/dchkang83/project-board GitHub - dchkang83/project-board Contribute to dchkang83/project-board development by creating an account on GitHub. github.com refresh token 설정을 하다 보니 부족한 부분들이 보여서 수정된 부분이 많다. 사실... 기분내키는 대로 많이 수정해서.. 기억나는 부분만 내용 정리하였는데 암튼.. 포인트만 정리 하였다! 최대한 dto, dao, vo의 성격에 맞게 사용하려고 노력하였으며 보안을 위하여 토큰들은 모두 header에 담아서 클리아언트와의 통신을 할 수 있도록 구성해 보았다. 어플리케이션이 실행될때 마다 편하게 작..
-
React/프로젝트 생성Language/React 2022. 8. 2. 14:40
1. React 프로젝트 생성 및 실행 # npx cash 날리기 $ npx clear-npx-cache # create-react-app 설치 $ npm config set prefix /usr/local $ sudo npm install -g create-react-app # front-end 프로젝트 생성 $ npx create-react-app front-end-js $ cd front-end-js # 시작 $ yarn start $ ONLY_DEV=true BROWSER=none yarn start 2. 확인