노력하는 개발자 노력하는 개발자

Tool/VSCode&Cursor

• 정규식으로 text 변환하기

  Tool/VSCode&Cursor 2023. 11. 20. 13:26

  변경 전 변경 후 검색 치환 코멘트 var(--aaaaa) $--aaaaa var\((--[^)]+)\) 상동 상동 var(--aaaaa) $aaaaa var\(--([^)]+)\) 상동 상동

  Read More
• ESLint와 Prettier 설정하기

  Tool/VSCode&Cursor 2023. 11. 17. 17:40

  1. ESLint 설치 및 사용방법 1.1. ESLint 설치 $ yarn add -D \ eslint \ @typescript-eslint/eslint-plugin \ @typescript-eslint/parser \ eslint-config-airbnb \ eslint-plugin-import \ eslint-plugin-jsx-a11y \ eslint-plugin-react \ eslint-plugin-react-hooks \ eslint-plugin-sort-keys-fix \ eslint-plugin-storybook 1.2. configuration file 생성 $ yarn create @eslint/config bash를 실행하면 아래와 같이 각자의 환경에 대한 선택하는 부분이 나온다. 1..

  Read More
• VSCode에서 Python 개발환경 만들기

  Tool/VSCode&Cursor 2023. 8. 11. 10:06

  VSCode에서 파이썬 개발환경을 설정해보자 1. Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. 필수 Extension 설치 및 테스트 2.1. Py..

  Read More
• VSCode에서 rsc 코드 자동완성 설정

  Tool/VSCode&Cursor 2023. 4. 28. 11:48

  VSCode에서 플러그인 설치 저같은 경우 rsc만 사용할거 같긴한데, 참조사이트에 들어가서 여러 내용들도 보고 추가적인 기능들도 사용해 보아야 겠다. 참조 https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets Reactjs code snippets - Visual Studio Marketplace Extension for Visual Studio Code - Code snippets for Reactjs development in ES6 syntax marketplace.visualstudio.com 이름: Reactjs code snippets ID: xabikos.ReactSnippets 설명: Code snippets ..

  Read More
• VSCode/FormatOnSave 설정

  Tool/VSCode&Cursor 2022. 10. 19. 10:53

  저장과 동시에 css 및 js 등의 포멧을 잡기위해 설정 Format On Save 설정 Format On Save 체크 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.formatOnSave": true, ... }

  Read More
• 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" ... }

  Read More
• VSCode/PostCss Sorting - css auto format

  Tool/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에..

  Read More
• 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..

  Read More