[J.A.P Web project 개발일지 3] - Bootstrap 적용을 위한 초기 설정(프로젝트에 yarn install)

안녕하세요

하루 만에 좌절을 맛보고 왔습니다...

 

부트스트랩 적용 마지막 단계인  localhost:3000/으로 접근하여 페이지가 열리게 하려고 했는데

우는 중 아닙니다

 

그래서 혼자 머리 싸매고 구글링 하던 도중에 

같이 프로젝트를 하는 조원의 말을 듣고 다시 시도해보기로 하였습니다. 

짚어준 부분이 정확히 맞더라고요. 그래서 다시 설치를 시도해보았습니다.

또 에러가 떴습니다... 

찾아보니 깃허브 에러인 것 같은데 아무리 검색을 해도 진짜 답이 안 나와서 결국 다시 sos를 쳤습니다 ㅠㅠ... 

진짜 친절한... 사람...

아래부터는 해결 내용입니다.

우선, vscode를 켜서 해당 파일을 열어주었습니다

cmd창 오류를 보면 'Pichforest/admin-resource not found'라는 문구를 확인할 수 있는데 해당 문구를 검색하여 나오는 부분을 싹 다 지워주었습니다. 

그리고 다시 yarn install을 시도해보니

오류가... 정말 많이... 떴습니다... 그 중에서 하나 눈에 들어온 게 'not found python2' 

저는 python 3버전을 사용하고 있는데, 여기는 2 버전을 사용하기 때문에 2 버전을 깔아줘야 합니다.

해결하는 방법은 두 가지가 있는데 

1. 직접 파이썬 2버전 설치

2. npm으로 tool 설치

 

저는 2번 방법을 사용했습니다.

관리자 모드로 cmd를 하나 열어서 

npm install --global windows-build-tools

를 입력한 후 설치해주었습니다. 

successully 어쩌고 뜨면 설치가 다 된 거예요.

 

그 후 프로젝트 폴더에 들어가서 

node_moudules 폴더 삭제 후 다시 yarn install을 시도하였습니다.

결과는 드디어 성공!!!! 

정말 오래 속 썩인 일이 드디어 해결되었습니다 ㅠㅠ...

 

그 후, gulp 명령을 입력하여 실행시켜 보았습니다

드디어 성공!!!!

제대로 열리는지 한 번 확인해보겠습니다 

성공 성공 ㅠㅠ!!! 정상적으로 웹페이지가 작동되더라고요!!

다음에 다시 접근할 때는 바로 해당 폴더 들어가서 gulp만 입력해주면 됩니다 ^^!

이제 겨우 진짜 시작한 정도이니 앞으로 지금보다 훨씬 열심히 해야겠다는 생각이 들었습니다.

다음 일지에서는 조금이라도 더 진도가 나갔으면 좋겠어요