<오늘의 학습 키워드>

IDE vs Code Editor
Visual Studio Code란?
VSCode를 사용하는 이유

💡 IDE? Code Editor?

항목IDE (통합 개발 환경)Code Editor (코드 편집기)
설명개발에 필요한 도구들을 통합한 환경텍스트 중심의 코드 작성 도구
예시Visual Studio, IntelliJ, PyCharmVS Code, Notepad++, Vim
특징코드 작성 + 디버깅 + 실행 + 테스트 가능가볍고 빠름, 필요한 기능은 플러그인으로 추가
장점생산성 향상, 자동완성, 디버깅 편리빠른 실행 속도, 낮은 자원 사용
단점무겁고 설치 용량 큼초반엔 기능이 부족할 수 있음

🧩 VSCode란?

VSCode는 Microsoft에서 만든 가볍고 강력한 코드 편집기
Visual Studio처럼 무겁지 않지만, 확장 기능으로 거의 IDE처럼 쓸 수 있다.

무료고, 확장성이 뛰어나고,
다양한 언어와 개발 환경에 맞게 커스터마이징 가능.

예를 들어 웹 개발, 백엔드, 모바일, 클라우드까지 다 커버 가능해서 정말 많이 쓰는 툴.

❓ 그럼 IDE 안 쓰고 VSCode 쓰는 이유는?

개발을 시작하는 입장에서는
무겁고 복잡한 IDE보다,
가볍고 배우기 쉬운 VSCode가 훨씬 적합하다고 느낌.

필요한 기능만 골라 쓸 수 있어서 집중 잘 됨.
배우면서 점점 확장해 나가는 재미 있음.
학생이나 입문자에게도 부담 없는 최고의 코드 편집기 💻

🪄 정리하며

VSCode는 입문자에게 딱 맞는 툴!
확장성과 경량성 덕분에 나만의 개발 환경을 만들어가는 재미가 있음.
오늘 설치 완료했으니, 앞으로 본격적인 코딩에 들어가보자.

✅ 미션완료!

Auto Rename Tag

기본 VS Code에도 태그 자동완성 기능은 원래 내장되어있다.
예를 들어 <내용> 입력하면 자동으로 </내용>가 따라붙는 기능은 기본 설정으로 돼 있는 것

그런데 Auto Rename Tag 익스텐션은 뭘 더 해주냐면,
👉 열리는 태그나 닫는 태그 이름을 바꿨을 때, 반대쪽도 자동으로 같이 바꿔준다.
즉, 단순 자동입력은 기본 VS Code,
실시간으로 연결된 태그 이름까지 같이 바꿔주는 건 Auto Rename Tag.

필수는 아니지만 편하긴 하니까 가볍게 써봐도 좋음.

다운로드 한 익스텐션

비기너과정 중 미션이였는데 현재는 더 많은 익스텐션을 사용 중이다.

profile
💻프론트엔드 개발 입문일지📝

0개의 댓글