Day-4: 프로그래밍 환경 설정

오늘은 개발을 위한 환경을 세팅하는 날

Node.js, VS Code, GitHub, Vite를 설치하고, VS Code 확장 프로그램까지 정리했다.

설치한 확장 프로그램

Auto Import → 필요한 모듈을 자동으로 불러오기

Auto Rename Tag → HTML, JSX 태그 변경 시 자동으로 닫는 태그도 변경

ES7+ React/Redux Snippets → 빠른 코드 작성 지원

Indent-Rainbow → 코드 가독성을 높이는 들여 쓰기 색상

JavaScript and TypeScript Nightly → 최신 JavaScript/TypeScript 기능 미리 사용

Material Icon Theme → 파일과 폴더 아이콘을 직관적으로 변경

개발 환경을 세팅하는 과정은 마치 여행을 떠나기 전 짐을 싸는 과정과 비슷했다. 필요한 도구를 하나씩 챙기면서 앞으로 펼쳐질 프로젝트에 대한 기대감을 가지게 되었다. 하지만 강사님의 화면과 내 화면이 조금 달라 보이니 "이게 맞나?" 하는 생각이 들기도 했다.

그래도 아직은 설정 단계이기에, 조급함보다는 설렘이 더 크다. 이제 본격적인 코딩 여행을 떠날 준비가 끝났다.