반응형 react2 📌 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. 로컬에서 React 설치하기 로컬에서 React 설치하기 (처음부터 차근차근)0) 설치 전에 확인할 것React 프로젝트를 로컬에서 만들려면 Node.js가 먼저 필요합니다.Node.js를 설치하면 npm도 같이 설치됩니다.0-1. Node.js 설치 확인터미널(Windows: PowerShell / macOS: Terminal)을 열고 아래를 입력합니다. node -v npm -v 버전이 숫자로 나오면 설치되어 있는 상태입니다.command not found 또는 인식되지 않는 명령이면 Node.js부터 설치가 필요합니다.1) Node.js 설치 (처음 설치라면)Windows / macOS 공통Node.js 공식 홈페이지에서 LTS 버전을 설치합니다.설치 후 터미널을 다시 열고 node -v, npm -v로 재확인합니다.팁: 회사.. 2025. 12. 16. 이전 1 다음
