개발자의 개발 블로그

Gatsby 프로젝트를 다운로드 받아서, npm install을 할 때 다음과 같은 에러가 발생하며, 제대로 설치가 되질 않았다.

아오 빨간색 에러는 보기만해도... 무섭다... 에러야... 꺼져주겠니?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: gatsby-starter-hello-world@0.1.0
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.0.0" from google-map-react@2.1.9
npm ERR! node_modules/google-map-react
npm ERR!   google-map-react@"^2.1.9" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/jangseongho/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jangseongho/.npm/_logs/2021-06-08T05_27_26_143Z-debug.log

 도대체 무슨 에러인지 몰라서, 검색을 해봤다. 생각보다 빠르게 해답을 찾을 수 있었다.

https://stackoverflow.com/questions/64573177/unable-to-resolve-dependency-tree-error-when-installing-npm-packages

npm install --legacy-peer-deps

아...내가 낸 에러는 스트레스 덜 받는데...환경 세팅이나, 설치 도중 발생하는 이런 시스템 충돌 에러는 정말 싫다.

다행히도 빠르게 해결할 수 있었다.

노드 개발을 하다보면, 참 많이 나는 에러다.

쉽게 말하면, 모듈화를 해놓고 해당 모듈을 불러오지 않아서(import // require) 발생하는 문제이다.

따라서,

const User = require('./User);

이런식으로 해당 모듈을 불러와야 에러가 발생하지 않는다.

ReferenceError 자체가 

참조에러? 이므로 

참조하지 않아 에러가 발생했음을 추측할 수 있다. 너무나 당연하고 쉽지만 빠트려서 빈번히 발생하는 에러이므로,

코드 작성 전 미리 선언해놓는것이 좋다.

4000번 포트를 사용하고 있기 때문에 발생하는 에러이다.

4000번 포트를 사용하고 있던 서버를 종료했음에도 불구하고, 살아있기 때문에 발생하는 것이다.

이럴 경우,

kill을 해서 포트를 꺼버리던지, 다른 포트 예를 들면 4444를 쓰던지 해야한다.

그럼 어떻게 포트 프로세스를 중단시킬까?

1. 4000포트를 사용중인 프로세스 찾기 

$ lsof -i :4000

하면, 다음과 같이 사용중인 녀석이 나온다. 이제 이 것을 죽여버리자!

COMMAND   PID        USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
node    13888         jsh   28u  IPv6 0x75b989f13d6c5017      0t0  TCP *:terabase (LISTEN)

2. 죽이기

kill -9 13888

즉, kill -9 PID을 하면, 해당 프로세스가 종료된다.  -9는 알바벳 쥐(g)가 아니라 숫자 구(9) !! 주의하자! 처음엔 나도 -g로 썼었다;;

그러면, 위 에러가 나던데에서 4000번 포트를 사용할 수 있게 된다.

router.get('/', (req,res,next)=> {

try {

const user = await User.findOne({

...

});

res.render('login', {

user

})

} catch (error) {

console.error(error);

next(error);

}

})

이와 같은 데이터베이스에 접속하는 코드를 실행하였는데, 에러가 발생했다.

너무나 많이 발생하는 에러라 이젠 외워지기 시작했다.

이참에 블로그에 정리해두려고 글을 작성한다.

이것은 await를 사용하기 위해서는 async를 반드시 함수 앞에 붙여줘야 한다. 바늘과 실처럼...

router.get('/', async (req,res,next)=> {

try {

const user = await User.findOne({

...

});

res.render('login', {

user

})

} catch (error) {

console.error(error);

next(error);

}

})

VS Code를 사용하다가, 변수 선언 중 색상이 다른 한 개를 발견했다.

다른것들은 하늘색인데, 이것만 회색...

뭔가 다른가해서 마우스를 갖다대보니...

위와 같이 경고가 뜬다.

'items'이(가) 선언은 되었지만 해당 값이 읽히지는 않았습니다.

선언은 되었으나 해당 파일에서 사용하지 않고 있다는 의미이다.

자바나 안드로이드 같은 경우 노란색으로 밑줄이 가는데, vs code에서는 경고 밑줄이 없어 놓치기 쉽다.

코드가 틀렸거나, 이 변수가 필요없거나 두 개 중 하나이다.

중복된 코드 부분을 복붙하다가 이 변수를 바꿔주는 것을 잊은 헤프닝이다.

쓸일이 없다면 제거해주면 된다.

일단, WebStorm에서 Command + ,를 누르면 환경설정 창이 열린다.

여기서 설정은 모두 위 환경설정 창에서 이루어진다.

에러도 아닌것이, 신경쓰이는 warning이 수천개 뜨게 된다.

찾아보니, 가장 많은 것은 Typo : in word 'XXX'

즉, 맞춤법 검사였다. 변수의 경우 뜻이 없게 지어낸것인데 이것들이 전부 경고 밑줄이 그어져서 보기 싫다.

어떻게 없앨까.

File >> Settings >> Editor >> Inspections >> Spelling >> Typo

이렇게 했는데도, 여전히 뺵빽하다. 또 찾아보자.

Unresolved function or method가 뜰 경우 어떻게 할까.

이것을 해제하면 된다.

세 번째로, 이유없이 함수 끝에 에러가 발생한다.

종료되지 않았다(Unterminated statement)는 경고창이 뜬다. 그럴 경우 해결방법?

다음과 같다.

환경설정 창에서 

Settings/Preferences | Editor | Inspections

JavaScript | Code style issues | Unterminated statement 해제!

이렇게만 하면, 왠만한것들은 사라진다.

이제, 사용되지 않는 변수나 함수 아니면

==를 사용할 때 ===를 사용하라는 등의 경고가 발생한다.

냅둬도 되지만, 깔끔하게 에러를 없애고 싶다면 하나하나 잡아줘서 깨끗하게 만들자!

Clear~

일단 유니티에서 페이스북 어플을 연동하기 위해 유니티에서 사용할 수 있는 페이스북 SDK 를 제공한다.

그러므로 들어가서 받도록 

Facebook SDK for Unity

주의할 점! 가장 최신것을 받는다고 좋은게 아니다.

가장 최신 버전(7.10.0)을 받았더니 에러가 발생한다. 

심지어 에러가 발생한지 얼마 되지 않은 최신 에러인지 구글에도 찾을 수 없었다.

찾다가찾다가 포기...경험상 최신것들은 문제가 많다는것을 생각해 작년에 나온 한 단계 아래버전으로 다시 도전

헐 된다.

MissingMethodException: Method not found: 'UnityEditor.PlayerSettings.get_applicationIdentifier'.
Rethrow as TypeInitializationException: An exception was thrown by the type initializer for GooglePlayServices.PlayServicesResolver

이런 에러가 발생한다. 해결 방안을 찾기도 어렵다.

그냥 편하게 한 단계 아래 버전을 다운받아서 임포트하도록 하자.

7.9.4 버전을 다시 다운로드 받아서 압출 해제를 한 뒤, 임포트하면?

된다!

이상으로 SDK 설치를 마친다.

이제 예제를 해보자.