🌿 중급 개발도구
코드 에디터 확장 기능이 뭔가요?
쉽게 이해하기
스마트폰에 기본 앱만 쓰면 불편하니까 카카오톡, 유튜브 같은 앱을 추가로 깔잖아요? 코드 에디터도 마찬가지예요. 기본 기능만으로는 부족해서 '자동 완성', '오타 체크', '테마 변경' 같은 기능을 확장 기능으로 추가할 수 있어요.
핵심 정리
VS Code 같은 에디터에 추가로 설치해서 편의 기능을 더하는 플러그인이에요.
자세히 알아보기
코드 에디터 확장 기능(Extension)은 에디터의 기본 기능에 없는 편의 기능을 추가하는 플러그인입니다. VS Code가 가장 인기 있는 이유 중 하나가 바로 이 확장 기능이 엄청 많기 때문이에요.
예를 들어 'Prettier' 확장을 설치하면 저장할 때마다 코드를 자동으로 정리해주고, 'ESLint'는 문법 오류를 실시간으로 알려줍니다. 'Live Server'는 HTML 파일을 수정하면 브라우저가 자동으로 새로고침되게 해주죠. 또 'GitLens'는 코드 한 줄마다 '누가 언제 수정했는지' 보여줘서 협업할 때 유용해요.
확장 기능을 너무 많이 깔면 에디터가 느려질 수 있으니, 정말 필요한 것만 설치하는 게 좋습니다. 보통 린터(Linter), 포매터(Formatter), Git 도구, 테마 정도면 충분해요. 팀 프로젝트에서는 '.vscode/extensions.json' 파일로 추천 확장 목록을 공유하기도 합니다.
처음 코딩을 시작한다면 'Prettier', 'ESLint', 'Auto Rename Tag', 'Path Intellisense' 정도만 깔아도 생산성이 크게 올라갑니다. 확장 기능 마켓플레이스에서 평점과 다운로드 수를 보고 선택하면 돼요.