3-3. 220516 처음부터 다시 시작, 에러 핸들링 & oauth 활용

1. 너무 많은 코드들을 작성해두어서 하나 해결하면 계속 에러가 나오는 형국이라 결국 처음 썼던 server 폴더 내의 코드들은 백업해두고 다시 mkdir server - npm init 과정부터 시작했다. 즉, 다시 처음부터 빌드하는 과정을 쌓아나갔다.

 

초기 세팅 후, user모델부터 다시 만들어 마이그레이션을 넣어보았다.

그랬더니 어느 정도 서버가 연결되기 시작했다.

그러나

이런 에러 메시지가 뜨면서 다시 서버가 연결이 안 되었다.

확인해보니 controllers/index.js에서 username을 연결하는 부분이 nickname으로 작성되어있었다.

이 부분을 해제하니 에러가 사라졌다.

 

하지만 

라우터를 연결하려 하면 경로 문제가 뜨기 시작했다.

그래서 아예 라우터 별로 따로따로 경로를 설정해주었더니 서버가 돌아가기 시작했다.

 

그렇게 usersRouter를 연결해주고 난 후,

breweryRouter와 mypageRouter를 각각 연결하여 서버 작동까지는 성공했다.

 

2. oauth기능을 활용한 카카오 로그인 시도

일단 카카오 디벨로퍼에 로그인을 하고

애플리케이션을 추가해야 그 다음에 나오는 토큰이나 인가 코드 등을 발급받을 준비를 할 수 있었다.

 

① 애플리케이션을 추가하여 첫번째 프로젝트인 brewhere를 추가했다.

 

② 내 애플리케이션 > 제품 설정 > 카카오 로그인을 이용하여 카카오 로그인 활성화 설정 상태를 ON으로 설정하고,

Redirect URI를 설정할 수 있다. 수정도 가능함. 카카오 로그인을 사용할 때 반드시 등록해야하는 사항이다.

③ 내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안으로 들어가면 Client Secret 코드를 발급받을 수 있다.

REST API인 경우에만 해당하는데, 나는 그렇게 설정하고 들어가고 있으므로 코드를 발급받았다.

(상황에 따른 재발급 가능)

 

④ 내 애플리케이션 > 앱 설정 > 플랫폼으로 들어가면 웹 서버의 사이트 도메인을 등록할 수 있다. 

이 또한 수정할 수 있다.

 

⑤ 애플리케이션을 추가하면 바로 볼 수 있는 네이티브 앱 키, REST API 키 등은 

내 애플리케이션 > 앱 설정 > 앱 키로 들어가면 다시 볼 수 있고, 복사를 할 수 있다.

상황에 따라 재발급을 받는 것도 가능하다.