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

Tool/VSCode&Cursor

• VSCode 및 Cursor에서 정규식 검색 후 값 변경하기

  Tool/VSCode&Cursor 2024. 11. 6. 10:30

  아래 조건에 해당되는 코드들은 검색해서 /v2를 넣어주려고 한다.request.download('request.get('request.post('request.put('request.patch('request.delete('request.upload('request.download(`request.get(`request.post(`request.put(`request.patch(`request.delete(`request.upload(` 1. 검색하기request\.(download|get|post|put|patch|delete|upload)\((['"`]) 2. 검색 후 치환 실행request.$1($2/v1 3. 변경 확인소스에 잘 반영되었는지 확인하고 리액트 서버를 재시작해본 후 정상적으로 변경되었..

  Read More
• Cursor 설치 및 설정

  Tool/VSCode&Cursor 2024. 11. 1. 15:49

  1. Cursor 다운로드https://www.cursor.com/ 2. 설치기본설정 VS Code 설정 가져오기 공개 설정 로그인 로그인 하면 VSCode와 동일하게 동작한다.

  Read More
• 정규식으로 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