Study: DeveloperTools(DevTool)/DevTool: IDE
[IDE] VSCode Springboot 개발환경 설정 (MacOS M1)
💡 본 문서는본 문서는 'VSCode Springboot 개발환경 설정 (MacOS M1)'에 대해 정리해놓은 글입니다. Springboot에 공부하기에 앞서 Macbook M1에서 개발환경을 설정하는 과정을 정리하였으니 참고하시기 바랍니다. 1. VSCode Extension VS Code는 기본이 텍스트에디터이므로, VS코드를 이클립스나 IntelliJ 같은 IDE처럼 사용하기 위해서 확장기능(Extensions)을 설치하여야 합니다. 1.1 Extension Pack for Java 1.2 Spring Boot Extension Pack + Gradle for Java Maven으로 빌드를 한다면 Extension Pack for Java에서 이미 Extension이 설치 되었지만, Gradle로 ..
[IDE] VSCode React + .Net 개발환경 설정 (MacOS M1)
💡 본 문서는 'React + .Net 개발 환경 구축하기 (feat. Visual Studio for Mac)'에 대해 정리해놓은 글입니다. React + .Net 개발 환경을 구축하는 과정을 정리하였으니 참고하시기 바랍니다. 여기서 Window와 Mac에서의 개발 환경 구축과정이 일부 차이가 있으니 참고하시기 바랍니다. 1. React 설치하기 1.1 node.js 및 npm 다운로드: https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1.2 node.js 설치 확인 % npm -v % node -v 1.3 create-react-app 설치 np..
[IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): Clang on MacOS
💡 본 문서는 'M1 맥북에서 VSCODE C++ 개발환경 설정'에 대해 정리해놓은 글입니다. VSCode로 개발환경을 세팅하다보면 tasks.json, launch.json 등 어떻게 할지 헷갈릴때가 많습니다. 이는 일부 OS dependency한 설정도 많기에 일단 제 개발환경인 M1 Mac에서 디버깅하는 방법에 대해 정리해 놓았으니 참고하시기 바랍니다. 1. 개발 환경 세팅 1.1 VSCODE 다운로드 mac OS 환경 및 M1 이라면 Apple Silicon 버전 다운로드합니다. 직접 다운로드: https://code.visualstudio.com/#alt-downloads brew를 이용한 설치: https://polarcompass.tistory.com/140?category=514165 1...
[IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): GCC on Linux (feat. 모든 중단점에서 멈추도록)
💡 본 문서는 Visual Studio Code를 활용한 C++ 디버깅 환경 세팅 방법에 대해 소개합니다. 운영체제 별로 지원되는 컴파일러에 차이가 있어 운영체제별로 일부 상이할 수 있으니 본인의 운영체제를 확인하고 그에 맞춰서 진행하시기 바랍니다. 미리 알아야 할 점 (주의사항) VSCode에서 디버깅시 프로젝트의 상위에 있는 .vscode/폴더 내에 task.json과 launch.json을 아래와 유사하게 구성합니다. VScode의 디버깅을 실행하면 launch.json이 실행되는데, 이때 preLaunchTask 라벨이 있다면 task.json에서 label이 동일한 것을 찾고 task.json 작업을 실행한 후 launch.json이 실행합니다. 따라서 task.json의 "label"과 lau..
[IDE] VSCode 유용한 Extension 정리
본 문서는 VSCode에서 개발 할 때, 유용한 Plugin에 대해 설명합니다. 해당 Extension들은 필수 설치는 아니며, 기호에 따라 설치하도록 합니다. 1) 유용한 Extension 요약 목적 비고 Remote 서버에서의 작업을 원활하게 해줌 Remote-Containers, Docker 도커 컨테이너에서의 작업을 원활하게 해줌 Tabout Tab키를 눌러서 Quotation이나 Parenthesis 밖으로 Bracket Pair Colorizer 2 괄호 pair에 맞춰서 색 변화 Todo Tree TODO 계열 태그들을 하이라이팅 + 찾기 쉽도록 관리 Highlight Trailing White Spaces 의미 없이 사용된 공백의 스페이스 문자 강조 ybaumes.highlight-trai..