인스타클론 개발을 위해 필요한 도구를 설치합니다. 환경 설정은 매우 중요한 과정입니다. 이 과정에서 오류가 나거나 문제가 생기면 나중에 실습하다 잘 되지 않아서 고생 할 수도 있어요. 그럼 빠르게 진행해 보겠습니다.
액션01> node.js 설치
Node.js 공식홈페이지에서 nodejs.org/ko/ 안정적인 LTS버전을 다운 받습니다.
(LTS는 Long Term Support의 약자로 안정적이고 신뢰도가 높은 버전이고,
Current는 최신버전 입니다. )
설치 과정은 간단하므로 생략하겠습니다.
설치 후 버전을 확인해 보세요.
cmd> node -v
버전정보가 나오면 정상입니다.
또 node.js를 설치하면 npm이라는 도구도 함께 설치됩니다.
(npm이란 node package manager의 줄임말. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자입니다. )
cmd> npm -v
액션02> npx 설치하기
NPX는 노드 패키지를 설치시켜주는 노드 패키지입니다.
cmd> npm install npx -g
명령을 입력해주면 자동으로 패키지를 설치가 됩니다.
설치가 완료되었다면 설치 확인도 해주세요.
cmd> npm -v
액션 03> 비주얼 스튜디오 코드 설치하기
비주얼 스튜디오 코드는 홈페이지 code.visualstudio.com에 접속한 다음 <Download for OS>버튼을 눌러 설치 파일을 다운로드 후 실행하면 설치하면 됩니다. 설치 과정은 간단하므로 생략하겠습니다.
비주얼스튜디오 코드란?
마이크로소프트(MicroSoft)에서 오픈소스로 개발한 텍스트 에디터입니다. 일렉트론(Electron) 프레임워크를 기반으로 만들어졌고, MS의 개발툴 중 최초로 크로스플랫폼을 지원하는 에디터로써 윈도우, MacOS, 리눅스를 모두 지원합니다. [나무위키 참고]
액션04> 깃 설치하기
깃은 깃허브와 같은 저장소 서비스를 코드를 올리거나 내리는 저장소 repository관리 도구입니다. 저희가 사용할 부분은 저장소 연결, 파일 올리기, 파일 내리기, 프로젝트 배포와 같은 깃의 기초 기능만 사용합니다. 깃에 대한 자세한 설명은 공식홈페이지 git-scm.com에서 참고해 주세요. 설치 과정은 간단하므로 생략하겠습니다.
환경설정 액션4가지를 잘 수행하셨나요? 이제 설정도 완료되었으면 ,다음 단계인 개발단계로 넘어갑시다.
'10. 클론코딩 > >> 인스타그램' 카테고리의 다른 글
05 Post 저장은 파이어베이스로 (0) | 2022.12.22 |
---|---|
04 소셜로그인 인증하기 (0) | 2022.12.22 |
03 시작하기 (0) | 2022.12.21 |
01 Instagram 클론코딩 소개하기 (1) | 2022.12.21 |
댓글