Node&npm 버전 정보

원활한 실습 진행을 위해 Node.js v22.13.1 버전과 npm 10.9.2 버전 사용을 권장드립니다. 버전이 다르면 예상치 못한 오류가 발생할 수 있어요.

Node.js — 어디서든 JavaScript를 실행하세요

node -v
v22.13.1
npm -v
10.9.2

크롬

웹 개발 시에는 크롬 브라우저의 개발자 도구를 많이 활용하게 됩니다. 다른 브라우저도 가능하지만, 강의에서는 크롬의 개발자 도구를 사용할 예정이니 크롬 브라우저 설치를 추천드립니다.

크롬 브라우저 설치 방법:

1. chrome.google.com 접속
2. '크롬 다운로드' 버튼 클릭
3. 다운로드된 설치 파일 실행
4. 기본 설정으로 설치 진행

React Developer Tools 설치하기

React Developer Tools는 React 애플리케이션을 효과적으로 디버깅하고 개발할 수 있게 도와주는 브라우저 확장 프로그램입니다. 이 도구를 사용하면 컴포넌트 계층 구조를 확인하고, props와 state를 실시간으로 모니터링할 수 있습니다.

1. Chrome 웹 스토어 방문하기
   • Chrome 웹 스토어(https://chrome.google.com/webstore)에 접속합니다.
   • 검색창에 "React Developer Tools"를 입력합니다.
2. 확장 프로그램 설치
   • 검색 결과에서 "React Developer Tools"를 찾습니다.
   • "Chrome에 추가" 버튼을 클릭합니다.
   • 설치 확인 팝업이 나타나면 "확장 프로그램 추가" 버튼을 클릭합니다.

VSCode 다운로드 및 설치