반응형 vsCode2 VSCode 워크스페이스 설정 / 테마 / 단축키 모음 정리 VSCode 워크스페이스 설정 / 테마 / 단축키 모음 정리React를 로컬에서 설치했다면, 이제 개발 환경을 내 손에 맞게 정리할 차례입니다.VSCode는 기본 상태에서도 훌륭하지만, 워크스페이스 설정·테마·단축키만 제대로 잡아도작업 속도와 피로도가 눈에 띄게 달라집니다.이 글에서는 실제 개발자가 많이 사용하는 기준으로 정리해 보겠습니다.1️⃣ VSCode 워크스페이스 설정이란?워크스페이스 설정은 프로젝트별로 다른 설정을 적용할 수 있는 기능입니다.전역 설정: 모든 프로젝트 공통워크스페이스 설정: 해당 프로젝트에서만 적용React / Node / PHP 프로젝트마다 설정이 다른 경우가 많기 때문에워크스페이스 설정을 사용하는 것이 좋습니다.2️⃣ 워크스페이스 설정 파일 생성 방법방법 1. VSCode 메.. 2025. 12. 16. 📌 VSCode 확장 – React 개발을 더 편하고 빠르게 📌 VSCode 확장 – React 개발을 더 편하고 빠르게React 개발을 시작할 때, 에디터는 단순 코드 편집기를 넘어 생산성 도구가 됩니다.아래 확장들은 React/JS/TS 개발자들이 실제로 많이 쓰는 것들이며, 설치만 해도 생산성이 바로 올라갑니다.1) ESLint설명: 코드 스타일과 문법 오류를 자동으로 검사해주는 도구설치 이유: 코딩 컨벤션 일관성 유지, 오류 사전에 방지특징:문법 오류 표시규칙에 따라 자동 수정 가능(Format On Save 설정 시)2) Prettier – Code formatter설명: 코드 스타일 자동 정리 도구설치 이유: 들여쓰기, 따옴표, 줄바꿈 등 코드 형식을 자동으로 맞춰줌Tip: ESLint와 함께 쓰면 스타일 규칙 충돌 없게 설정 필요3) ES7+ Rea.. 2025. 12. 16. 이전 1 다음
