프로젝트를 개발하는데 필요한 환경을 구성하는 방법을 설명합니다.
사용하시는 OS가 윈도우인 경우 가장 먼저 이 작업을 진행해주세요.
윈도우의 경우 리눅스용 명령어 체계인 Bash 와 Git 을 반드시 꼭 설치해주어야합니다.
-
Git-SCM 설치
Git-SCM에는 Git 과 Bash 가 모두 내장되어 있습니다.
위 프로그램을 설치하는 가이드 https://uxgjs.tistory.com/165
-
WSL 설치
Git-SCM 안에 Bash 가 동봉되어 있어서 WSL 은 필수는 아니지만, WSL 은 윈도우에서 공식적으로 지원하는 리눅스 지원용 하위 시스템 체계이므로 이를 가능하다면 사용하는 것도 좋습니다.
-
Node.JS 설치
안정적인 사용을 원한다면 LTS 버전을, 최신기능을 먼저 사용해보고 싶으시다면 현재버전을 설치해주세요.
노드 JS 설치 시 가능한 반드시 꼭 Auto matically install the necessary tools. 에 체크해주세요. C++ 모듈을 빌드하는데 필요한 환경설정을 자동으로 해줍니다.
이 프로젝트에서는 VSCode 를 사용하는 것을 추천드리고 있습니다.
VSCode 는 Microsoft 에서 출시한 다양한 개발자들을 위한 가벼운 IDE 입니다. 타입스크립트에 대한 강력한 지원과 함께 여러 기능들을 익스텐션 형태로 이용자가 개발해서 배포할 수 있도록 하고 있습니다.
- Better Comments - 주석의 중요도에 따라 색상을 입힐 수 있게 해줍니다. (강력 추천)
- Todo Tree - 주석으로 TODO 를 작성해놓으면 프로젝트에 있는 투두 주석들을 모아 보여줍니다. (강력추천)
- Path Autocomplete - 문자열로 경로를 사용하게 되면 경로를 자동완성해줍니다.
- Version Lens - 각 모듈에 대한 package.json 에서 최신 버전을 확인할 수 있게 해줍니다.
- Vetur - 뷰의 문법을 VSCode 에서 읽고 추천해줄 수 있게 해줍니다.
- TailwindCSS-Intellisense - 테일윈드 CSS 클래스들을 VSCode 에서 자동완성해줍니다.
- GitHub Pull Requests and Issues - 깃허브 이슈와 PR을 VScode 에서 다룰 수 있게 해줍니다.
- MDX - 스토리북 관련 규격 문서들을 편집하기 편하게 하이라이팅을 추가해줍니다.
- DotENV -
.env
파일을 편집하기 편하게 하이라이팅을 추가해줍니다.
-
Sourcetree 설치
Git 을 GUI 를 통해서 관리할 수 있게 해주는 전문 Git 툴입니다.
https://www.sourcetreeapp.com/
위 프로그램을 설치하고 사용하는 가이드 https://uxgjs.tistory.com/181