본문 바로가기

개발일지/JAP Web Project

[J.A.P Web project 개발일지 2] - Bootstrap 적용을 위한 초기 설정(Gulp, Git 설치)

금방 다시 돌아왔습니다! 

사실 글이 길어질 것 같아서 나눠 쓰는 중이기 떄문이죠...

 

자 그럼 각설하고 바로 본론으로 들어가보겠습니다!

 

지난 포스팅에서 설치해야 하는 부분 중 하나인 gulp를 설치해보겠습니다 

 


1. gulp 설치

gulp는 npm으로 설치를 해 줄 거예요. npm은 node를 설치하면 설치됩니다 :)

우리는 지난 포스팅에서 설치를 했었지요!

 

그래도 설치가 잘 되어있는지 확인을 해보겠습니다 

 

node -v

npm -v

 

위의 명령어로 확인을 할 수 있어요

 

 

설치를 확인 했으니 본격적으로 gulp를 설치를 해보겠습니다

 

저희는 언제 어디서나 사용할 수 있도록 전역으로 설치를 할 예정입니다.

 

npm install gulp-g 이 명령어를 사용하여 설치해보겠습니다.

 

오류가... 떴습니다...

 

Run 'npm audit' for details 라는 문구가 있어 npm audit를 쳐봤습니다.

 

취약점이 0개라는데 왜 경고가 다섯 개나 뜰까요...

--force 옵션을 이용하여 다시 시도해보았습니다 ㅠㅠ

근데 이런 old lockfile이라는 오류가 떴어요 검색을 해도 전혀 영문을 모르겠어서 계속 검색하던 도중에

npm 버전 문제인 것 같아 버전을 업그레이드 해보기로 했습니다

 

npm install -g npm

 

제대로 업그레이드가 됐는지 한 번 확인해보겠습니다.

 

왼 - 업그레이드 후 오 - 업그레이드 전

버전이 바뀌었네요 제 버전이 옛날 버전이었나봐요...

 

그럼 다시 설치를 진행해보겠습니다.

또 오류가 엄청 떴습니다

 

근데 혹시나 하고 버전을 확인해봤는데 

 

설치가... 됐네요... 

 

이전 npm은 버전이 낮아서 설치가 안 됐던 거고

이번에 npm 업데이트 하고 나서는 경고는 뜨지만 설치가 된 것으로...


2. Git 설치

사실 git은 이미 설치가 되어있겠거니 하다가 혹시 몰라 검색을 해보니

git도 npm으로 설치를 해야하더라고요 

 

간단하게 설치해보겠습니다!

 

npm insatll -g jest 

 

gulp와 마찬가지로 전역에서 사용 가능하게 설치를 해 줄 거예요

 

설치 확인을 한 번 해봅시다

git --version

설치 성공!!

 

이제 초기 설정 설치가 진짜 끝났습니다!

 

다음은 테마 적용 포스팅으로 만날 수 있기를...