개발에 앞서 Node.js, yarn 등 개발환경을 구축해봅시다.
개발을 시작하기에 앞서 아래 나열한 프로그램들이 반드시 필요합니다. 아래 프로그램들은 조금만 검색을 해보셔도 설치에 관련된 글이 많이 나오므로, 자세한 설치 방법은 생략하겠습니다.
개발 환경을 설정하기에 앞서 조금 추가적으로 설명을 드리자면, 아래 POSIX 개발환경 밑의 Windows 버전 혹은 macOS 버전을 따라하시면 개발환경 구축에는 조금 시간을 들여야 하지만 보다 편한 개발환경을 구축하실 수 있습니다.
POSIX 개발환경
Portable Operating System Interface의 줄임말로, 쉽게 설명하자면 운영체제의 표준입니다. 개발자의 입장에서는 같은 환경에서 개발을 해야 하는데, macOS나 Linux 배포판을 사용할 경우 POSIX 환경과 호환되지만 Windows에서는 그렇지 않습니다. 따라서 Windows를 사용하는 개발자라면 이번 강의 뿐만 아니라 추후 개발 환경의 편의성을 위해서라도 POSIX 환경을 만들어두시는 것을 추천드립니다.
Windows에서의 개발환경 구축은 아래 링크를 참고해주세요.
짧은 버전: Windows에서 POSIX 환경으로 작업하기
긴 버전: 노마드 코더 Nomad Coders – Clone Startups. Learn to Code.
macOS에서는 그냥 이 수업을 따라오셔도 무방하지만, 보다 편한 개발환경을 가지고 싶으시다면 아래 링크를 참고해주세요.
본격 macOS에 개발 환경 구축하기
Node.js
JavaScript를 웹브라우저가 아닌 컴퓨터에서 사용할 수 있게 고안된 framework입니다. 우리가 React를 사용할 때, 컴퓨터에서 React 문법인 JSX를 일반 JavaScript로 바꿀 때 사용합니다. Python의 pip, Ruby의 Gem처럼 패키지를 다운로드하고 관리할 수 있는 툴인 npm (node package manager)가 내장되어 있습니다.
Homebrew나 Chocolatey, 공식 홈페이지를 통해 설치할 수 있습니다.
yarn
Facebook에서 개발한 npm의 대체 패키지 매니저입니다. npm과 같은 일을 하지만 더 빠르게 처리합니다. yarn은 npm에 의존하기 때문에 반드시 Node.js를 설치하신 후에 설치하셔야 합니다.
npm, Homebrew, Chocolatey를 통해 설치할 수 있습니다.
Visual Studio Code
Microsoft에서 개발한 code editor입니다. 비슷한 다른 프로그램으로는 Atom, Brackets 등이 있습니다만, 요즘은 VSCode가 가장 많이 사용됩니다.
Homebrew Cask, Chocolatey, 공식 홈페이지를 통해 설치할 수 있습니다.
