IDE & DB Tools (11) 썸네일형 리스트형 [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.. Webstorm 에서 git 브랜치명 master -> main 으로 바꾸고 시작하기 git-flow에서 메인브랜치는 제품으로 출시될 수 있는 브랜치로 아주 중요한 브랜치다. 원래는 브랜치명이 master 이었으나, 인종차별적 요소 때문에 다른 이름으로 만드는 것을 권장하고 있다. (깃허브에서는 main이라는 이름으로 변경하기로 하였다.) 나도 메인브랜치명을 main 으로 변경하기 시작하였고, Webstorm 에서 처음 깃을 구성할 때 바꾸고 시작하는 법을 적어놓으려고 한다. 가장 좋은 방법은 깃허브에서 가이드 해주는 방법으로 명령어를 통한 변경 방법이 있다. echo "# repository-test" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add o.. 이전 1 2 다음
