# Visual Studio Code ## Visual Studio Code --- ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/195231_XixNzha2TPfThI6SdE?q=80&s=1280x180&t=outside&f=webp) **Visual Studio Code** - 마이크로소프트에서 개발한 무료 오픈소스 코드 편집기 - 맥OS, 리눅스, 윈도우 등 메이저 운영체제를 모두 지원 ### **VSCode의 장단점** **장점** - **크로스 플랫폼 호환성**: Windows, macOS, Linux 운영 체제에서 실행 가능 - **가볍고 빠름**: 저사양 하드웨어에서도 빠르게 실행하는 경량 코드 편집기 - **대규모 커뮤니티 지원**: 확장 기능을 만들고 코드 스니펫을 공유하며 지원을 제공하여 개발에 기여하는 대규모 개발자 커뮤니티가 존재 - **사용자 정의 가능한 인터페이스**: 개발자가 원하는대로 편집기 조정 가능 - **플러그인 확장성**: 개인의의 편의에 맞게 조절하여 개발자가 원하는 대로 코드 편집기 조정 가능 **단점** - **제한된 대규모 프로젝트 기능**: 대규모 프로젝트를 관리하는 데 필요한 도구가 부족 - **가파른 학습 곡선**: 수많으 기능과 사용자 지정 옵션은 신규 사용자에게 부담스러울 수 있다 - **메모리 사용량**: 대용량 파일로 작업할 때 많은 메모리 사용 - **디버깅 기능**: 다른 개발 환경에 비해 제한적 - **제한된 프로젝트 관리 기능**: 프로젝트 관리 기능이 부족하여 개발자가 대규모 프로젝트를 효과적으로 관리하기 어려움 ## VSCode 설치 --- [Download Visual Studio Code - Mac, Linux, Windows](https://code.visualstudio.com/download) ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/195858_dyQHI17SXrVvv24a0s?q=80&s=1280x180&t=outside&f=webp) - Download 사이트에서 OS에 맞는 프로그램을 다운로드 - 이번 포스의 경우 Window11을 기준으로 설치를 진행 ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/195936_pJDO1tjJ42TzspdcIO?q=80&s=1280x180&t=outside&f=webp) ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/195940_k1FD07KCLPWrlbeyP9?q=80&s=1280x180&t=outside&f=webp) - `동의합니다`를 선택하고 `다음`을 계속 선택해 설치까지 완료 ```javascript code ``` - cmd 창에서 code를 작성하면 vscode가 실행 - window에서 vscode를 검색해서 실행할 수도 있음 ### 유용한 Extension ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/200123_sSqoJFsVILbcPRSfZY?q=80&s=1280x180&t=outside&f=webp) ![Image](https://upload.cafenono.com/image/slashpagePost/20250117/200125_X3wqfqFQdbfeQSExL5?q=80&s=1280x180&t=outside&f=webp) - VSCode는 Extension을 설치하여 다양한 기능을 사용할 수 있다 - Prettier를 사용하면 코드를 일관성 있게 포맷팅해준다 - Material Theme은 다양한 VSCode 테마를 제공 - Material Theme Icons는 파일을 생성할 때 언어에 맞는 다양한 아이콘을 제공 For the site tree, see the [root Markdown](https://slashpage.com/yerim-devnote.md).