IDE & DB Tools (12) 썸네일형 리스트형 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. 저장 후 정렬 확인 DBeaver postgresql driver 변경 방법 DBeaver 로 postgresql 을 아무 이상없이 사용하고 있었는데, postgresql 13 이 접속 안되는 상황이 발생하였다. Test Connection 버튼으로 시도한 뒤 에러 메세지를 보니, 위와 같은 메세지가 나왔다. jdk 버전은 문제가 없었으니 pgjdbc 가 문제가 있는 것 같다. pgjdbc 를 최신버전으로 바꾸기 위해서는 상단 메뉴 중 데이터베이스 메뉴를 클릭 한 뒤 드라이버 관리자 메뉴를 클릭한다. 이 때, 내가 접속하려는 DBMS 를 클릭 후 더블클릭이나 우측 Edit 버튼을 클릭한다. 이후 Libraries 탭으로 이동 후 우측 Download/Update 버튼을 클릭한다. Driver settings 창에서 해당 라이브러리의 버전을 변경(최신버전)한 뒤 Download 버.. [Android Studio] GitHub 연동 오류. Invalid authentication data. 404 Not Found - Not Found 안드로이드 스튜디오를 이용해서 깃허브 계정연동을 하려는데 아래와 같은 오류가 떳다. 해결 방법은 화면에 Use Token을 클릭하여 내 GitHub Token을 입력해주면 된다. 1. 깃허브 사이트에 접속하여 Account > Settings > Developer settings 2. Personal access tokens > Generate new token 클릭 3. 스크롤을 내려서 repo, admin:org, gist 선택 후 저장 4. 토큰 생성된 것을 확인 후 복사하여 android stuiod에 복사붙여넣기. 로그인 된것을 확인 할 수 있다. [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.. WebStorm 에서 React Template 으로 파일 새로 만들기 리액트 프로젝트를 개발하다보면 컴포넌트 파일을 추가할 때 웹스톰에서 제공하는 파일 템플릿에는 리액트 템플릿이 존재하지 않는다. 웹스톰에서는 이를 해결하기 위해 새로운 파일을 만들 때 커스텀 파일 템플릿을 만들 수 있는 기능을 제공한다. 템플릿을 만들기 위해 웹스톰의 상단 메뉴 File -> Settings or Ctrl + Alt + s 을 통해 Settings 창을 띄운다. Settings 창에서 좌측 메뉴의 Editor -> File and Code Templates or 검색어 File and Code Templates 을 입력한다. 우측 내용에서 Files 탭의 아래 + 버튼을 통해 템플릿을 생성한다. 이 때, Name 및 Extension 을 지정할 수 있다. 안의 내용은 본인 스타일에 맞게 작.. Webstorm 에서 Terminal CMD 에서 Git bash 로 변경 윈도우 환경에서 Webstorm 을 설치하면 터미널 창이 기본적으로 CMD 로 설정되어있다. 실무에서 개발하는 사람 중 윈도우에서 개발하고 있다면 CMD 보다는 bash 명령어를 사용할 수 있는 Git bash 가 더 편할 것이다. 웹스톰에서는 이 터미널 창을 내가 원하는 터미널로 변경할 수 있다. 1. 먼저 웹스톰을 실행 후 설정 창을 띄운다. ( Ctrl + Alt + s 키 or 상단 메뉴 File -> Settings ) 2. Settings 창에서 검색 필드에 Terminal 을 입력하거나 Tools -> Terminal 로 들어간다. 3. Shell path 부분을 Git 이 설치되어있는 경로로 변경해준다. "C:\Program Files\Git\bin\sh.exe(shell이 설치된 경로)".. [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.. 이전 1 2 다음
