IDE & DB Tools/VSCode (7) 썸네일형 리스트형 VSCode(or Cursor AI) 사용 시 NestJS 디버깅 설정하는 방법 이전에 VSCode nodejs 디버깅 방법을 올린적이 있지만 Cursor 셋팅 기념 다시 재업로드해본다.. 1. launch.json 파일 설정하기- Run and Debug에서 launch.json 파일을 신규 생성하거나 수정한다.- 환경 변수 값은 필요한 경우 설정// launch.json{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "Debug NestJS", "skipFiles": ["/**"] } ]} 2. package.json에서 스크립트 추가 - nestjs 커맨드를 통해 프로젝트를 신규 생성했을 때 기본 스크립트 명령어. 디.. [VSCode] nodejs 디버깅 방법 1. 디버깅 설정파일 생성 Run and Debug (Ctrl+Shift+D) 클릭 > create a launch.json file 클릭 > Node.js 선택 2. launch.json 설정 추가 Add Configuration... 클릭 > Node.js: Attach to Process 클릭 name이 Attach by Process ID인 코드가 추가되며 디버그 구성 선택메뉴에도 보이는 것을 확인 할 수 있음. 3. nodemon을 이용해 서버 실행. 4. 디버깅 시작(F5) 셋팅했던 디버깅 설정을 시작하면 process 선택 화면이 나온다. 실행하고자하는 파일을 선택. 서버가 실행되고 있는 화면을 보면 디버거가 연결됬다는것을 확인 할 수 있다. 브레이크 포인트를 걸어 디버깅 . [VSCODE] 코드정렬 Extension 1. Prettier - Code formatter 설치 2. 설정 방법 File > Preferences > Settings Default Formatter 검색 > Prittier - Code formatter 선택 editor format on save 검색 > Fomat On Save 체크 json 검색 > Edit in setting.json 클릭 > editor.formatOnSave true 확인 3. 저장 후 정렬 확인 [VSCODE] 개발 시 유용한 Extension 1. Tabnine - 단어 단위가 아닌 문맥자체를 자동완성해주는 디테일함. - 폴더 패스 쓸 때 유용함 2. Doxygen Documentation Generator - 주석 자동 생성기. 함수명 위에서 /** 엔터 치면 자동으로 생성 해준다. [VSCode] "~\npm\yarn.ps1 파일을 로드할 수 없습니다." .ps1 에러 docker-compose 를 활용한 react 및 nodejs express 배포 옛날 spring, jsp 시절에는maven(or gradle) 빌드로 나온 war 결과를 tomcat 에 배포하면 쉽게 배포가 되었다. 하지만 react 와 nodejs express 를 개발하고 배포하려고 보면, 어떻게 배포해야할지 난감할 때가 있 songjang.tistory.com 위의 글을 참고하여 VScode에 프로젝트를 구성해보려고 했다. yarn을 주로 쓰진 않았지만 주로 쓰는 듯하여 나도 설치를 해서 진행해보려고 했는데 아래와 같은 에러가 떳다. 검색을 해보니 yarn이 아니더라도 npm 설치 후 명령어를 사용하고자 할 때 부딪힐 수 있는 에러였다. 필자는 npm을 사용할 때는 에러가 발생하지 않았고 ya.. [VSCODE] Git 개발 시 유용한 Extension과 정보 Git 의 디폴트 브랜치명이 master에서 main으로 변경되었다. git을 처음 생성할 때와 기존의 브랜치명을 main으로 바꿔보도록 하자. // git 생성 전 git config --global init.defaultBranch main //기존 이름이 있는 경우 git branch -m master main VSCODE 사용시 활용성을 높이기 위한 extension 목록을 정리해보고자 한다. extension을 추가할 때마다 글은 업데이트 예정. 1. GitLens GitLens — Git supercharged - Visual Studio Marketplace Extension for Visual Studio Code - Supercharge the Git capabilities built i.. [VSCode] Create-react-app import 경로 설정 React를 사용하는 경우 ./ ../ 등 path를 설정해야 한다. 설정파일 추가로 편하게 코딩이 가능하다. jsconfig.json 파일을 생성하고 코드를 추가한다. { "compilerOptions": { "baseUrl": "src", "paths": { "*": ["src/*"] } } } 위와 같이 설정하면 ./ 같은 경로 설정 없이 import가 가능하다. 대신 기존의 ../ 경로는 모두 지워야 한다. 이전 1 다음
