[2nd Project] 2차 프로젝트를 끝내며, 당근과 채찍 (+ 결과)

2차 프로젝트 주제
<공공데이터 활용 여행지 추천 및 여행 기록 공유 커뮤니티 서비스>

여기서 맡은 내 역할은 로그인/회원가입/ 마이페이지 

구글, 네이버, 카카오 로그인 API와 

마이페이지에서 사용할 공공데이터. 

 

저렇게만 보면 얼마 없어보이는 페이지였지만, 

생각보다 연결된 페이지가 무지 많았다. 

 

1. 구글 로그인/회원가입

2. 네이버 로그인/회원가입

3. 카카오 로그인/회원가입
4. 이메일 회원가입 - 이메일 인증

5. 아이디 찾기

6. 비밀번호 찾기 

7. 프로필 편집

8. 마이페이지 홈(공공데이터, 여행일정, 내 게시글 불러오기)

9. 마이페이지 각 네비바에 연결된 페이지들(내 여행, 내 게시글, 내 저장목록)

10. FAQ


각 페이지 별로 어렵고 난해했던 부분 보충했으면 하는 부분들을 정리해 보려고 한닷.
 

 

 

🍟1. 구글/카카오/네이버 로그인 회원가입

처음 API를 불러와야 한다는 것에 애당초 겁을 먹고 시작했다. 

다만 구글에는 참고할 수 있는 자료가 무지 많았다. 

참고할 수 있는 자료가 많아서 이 방법이 안되면 다른 방법을 시도해보고 
계속되는 오류에도 자료가 많아 부딪쳐도 금방 일어날 수 있었다.

 

다만 STS와 JSP를 처음 사용한 시점에

이 기능들을 구현했어서 컨트롤러에 경로 개념을 정확히 이해하고 시작하지 못했었다.

그래서 더욱 헤매고, 리다이렉트 경로까지 제대로 설정을 못해서 오류의 늪에서 허덕였다.

처음에는 API 키들을 넣었던 API-config 폴더 루트를 잘못 설정해서 읽어오지 못했고,

 

404에러들도 대부분 리다이렉트 경로를 못 받아와서 생겼다. 

이 부분은 계속해서 해도,, 익숙해지지 않았다. 
구글이랑 네이버랑 카카오에서 주는 리다이렉트 경로가 다 다르기도 했고, 아직 개념을 충분치 못해서

더더더 그랬던 것 같다,,  
다음에 한다면 경로 문제에서는,, 스무스하게 할 수 있지 않을까? 

그 이외로는 생각보다 로직이 어렵지 않았다. 자바스크립트와 jsp java를 모두 사용해서 구현했다.

🧈2. 이메일 회원가입 - 이메일 인증

이메일 회원가입에서 생각보다 많은 기능이 들어가는데 
이메일 인증 기능, 비밀번호 유효성 검사, 비밀번호 일치 여부, 닉네임 중복성 검사
4가지 기능들이 필요했다. 각각 인풋창 하단에 이메일, 비밀번호, 닉네임 중복성과, 유효성이 바로바로 구현되게 하기 위해서는 AJAX를 사용해야 했는데

ajax도 이번에 이메일 인증 기능을 하면서 처음 해봤기 때문에 낯설었다.

 

여기서도 데이터 타입 문제로 인증 기능 구현하는데 반나절이 걸렸다.. ...해결하고 보니 정말 한줄.. 딱 한줄이 필요했다..

진짜 그 한 줄이 귀해.....

자잘한 기능들 하나 하나가 이렇게 어려울지 몰랐다!

🍲3. 아이디/비밀번호 찾기

아이디 찾기는 금방 구현을 했는데, 

비밀번호 찾기는 본인인증을 위해 이메일 인증을 해야지 재설정이 가능하도록 했다. 
만들어 놓은 이메일 인증이 있었기 때문에 금방 할 줄 알았는데,, 뭔가 원하는대로 착착 되진 못했다.

재설정 폼이 인증 후 올라오게 해야 했는데 아이디 찾기와 비밀번호 찾기를 한 페이지 안에서 라디오 버튼 값으로 구분해서 하다 보니 문제가 생겼다. 결국 알럿으로 처리하는 방식으로 방향을 틀어서 해결했다.

 

 

🍗4. 프로필 편집

프로필 편집에서는 프로필 이미지와, 닉네임, 비밀번호를 바꿀 수 있게 했다.

 

여기서 문제는 프로필 이미지가 바뀌긴 하는데 바로 동기화가 안되었던 적도 있고

닉네임만 혹은 비밀번호만 변경하게 하고 싶은데 한 번에 다 변경해야 하는 문제가 생겼다.

그래서 if로 조건을 걸어서 해결했다. 

프로필 편집에서 이미지를 넣을 때의 서버 경로도 어려웠지만, 그럭저럭 반나절이 걸려서 했었던 것 같다.

 

해놓고 보니 제일 기분이 좋았던 건 sns로그인 -> 프로필 편집 -> 이메일 인증이었던 것 같다.

 

 

🥙5. 마이페이지

모든 활동 로그가 보여지는 페이지라서 DB에 연동된 것들을 다 끌고와야 했다.

생각보다는 어려웠던 것 같다. 내가 원하는대로 데이터를 삭삭 가지고 올 수 만 있으면 좋을텐데

다 내가 구현한 페이지가 아니기에 어려움이 있었다.

 

 

 

🧇6. FAQ 챗봇

챗봇은 자바스크립트로 4시간 정도 걸려서 슥 한 것 같은데

생각보다 쉬웠고 재밌었다. 

자바스크립트를 잘 다루고 싶어지는 순간이었다,, 

정해진 카테고리 안에 자주 묻는 질문과 답변을 정리해서 정의해두었다.

 

 

---

 

 

🍧부족했던 점.

그 때 그 때 쉬웠던 게 하나도  없었다. 

그럼에도 되돌아보면 

나의 안좋은 습관이 날 제일 힘들게 한 것 같다.

 

하다가 막히거나 정말 답이 없으면 포기하고 다시 시작할 줄도 알아야하는데

그 고집을 못 버려서 시간만 빼앗겼다. 

혹은 다시 보기 싫어도 집중해서 코드를 한 시간만 들여다보면서 분석해도

답을 찾을 수 있었을 텐데 그게 귀찮아서 자꾸 되돌아갔다.

결국 다시 해야 했고, 결국 다시 봐야했는데 말이닷..

정답을 알면서도 돌아가면서 쉬운 방법을 찾으려는 이 습관은 초심자에겐 좋지 않은 것 같다.

 

그래서 나는 이메일 인증이 젤 어려웠고, API는 비교적 쉬웠다.

자잘한 기능과 디테일을 잡고 싶어서 다시 되돌아 가서 해야 했던 게 되려 어려웠다.

다시 집중해서 흐름을 찾아야 하니까,,

 

이제는 처음부터 한 번에 설계를 잘해서 두 번, 세 번 일을 하는 비효율적인 일은 없도록 해야겠다.

🍡잘했다고 느낀 점

시간 관리와 계획을 잘 세웠고 그것들을 다 착 이행해간 것.

변수가 많았지만 그럼에도 목표를 다 이뤘던 것

티스토리에 기술 블로그를 쓰면서 공부했던 것

이제는 흐름을 읽을 수 있고 마냥 까막눈은 아니라는 것

 

 

🍷3차 프로젝트에서 내가 가져가고 싶은 것

API 마스터!

세부적인 기능 잘 짜기

공부하면서 프로젝트하기

마지막 뒷심 발휘해서 마무리 잘 하기

 

 

---

 

 

 

그냥 넋두리
9월부터 11월은 정말 눈 코 뜰 새없이 바빴다.

정보처리 산업기사 실기시험 준비와 2차 프로젝트 준비

동시에 3차 프로젝트 진행 및 SQLD 자격증 시험 공부

매일 매일 5시 20분에 일어나서 학원에 가고 집에 밤 9시에 오는 생활 

그럼에도 힘들다고 느껴지기 보단 당연히 해야지 하는 마음으로

달렸는데 이제는 약간 체력적으로 한계점이 느껴진다.

일어나기도 힘들고 마음도 지쳐버렸다. 

오래오래 뛰어야 하는데 이렇게 5개월 만에 지쳐버리면 안되는데, 조급한 마음이

나를 금방 지치게 한 것 같다. 여유가 있는 나를 보고 싶으면서도 

여유를 가질 시기가 아니기에 조급한 마음을 열심히, 성실히 이 두단어로 포장했다.

내 안의 불안은 내가 만드는 것 같고 조급한 마음도 불안함에서 파생된 마음이다.

너무 잘 알고 있지만 정말 그럼에도 불구하고 어쩔도리가 없다. 

이제 딱 한 달 남은 과정이 아쉽다.

부족한 게 많은데 앞으로가 더 중요하니까, 취업준비 하면서

스스로 타이트하게 더욱 공부를 많이 많이 해야할 것 같다.
뭘하고 싶은지 찾지 못해 방황했던 내가 싫었듯 
방향성을 찾고 달리기만 하면 되는데 나태해지는 내가 보기 싫었다.

그래서 나는 오늘도 아무 생각하지 않고 눈 앞에 있는 숙제들을 해결할거다. 

 

 

---

결과가 나왔어요! 
뽈뽈뽈 1등!!!🍗😎🎀🎁🎆🎉✨✨

평가분석표

아주 훌륭하다.

1등을 안하면 이상하리만큼 잘했어요!!!!
칭찬해 칭찬해 
힘들었던 프로젝트였던 만큼 결과가 좋아서 뿌듯함은 배가 되었다!!!!!