INMATE / 프로그램 마무리

2달 반의 짧다면 짧고 길다면 긴 기간동안 처음 진행한 개인 프로젝트를 마무리 지었다.

이 프로젝트를 하면서 많은 것을 배우고 많은 에러를 보며 많은 것을 고쳤다.

 

이번 프로젝트로 배우게 된 것을 나열하자면

1. gif를 react에서 재생시키는 법

2. Kakao Map API 사용법

3. mySQL 사용법 (간단하게), axios를 이용한 데이터 가져오기

4. express를 이용한 웹 배포

5. AWS와 EC2를 이용한 배포

6. FullPage Scroll 사용 법

7. redux에 대한 사용 방법

 

가장 어려웠던 점은 redux 사용법이다.

이 프로젝트를 하기 전까지는 redux는 상태관리뿐만 아니라 axios가 하는 http 통신또한 하는줄 알았다....정말 어리석은 생각이였다.....진짜 몸으로 느껴야지 제대로 알 수 있는 것 같다.

 

또한 가장 많은 에러를 겪었던 redux를 이용한 상태 관리와카카오 지도 API의 사용, 특히 useEffect의 사용에 대해 많은 것을 배운것 같다.

 

바로 의존성 주입에서 많은 것을 알게되었는데우선 의존성을 주입할 때는 Object를 넣어야 하고 useEffect 안에서 사용하는 상태나 props는 deps(의존성)에 주입해야한다.deps 안에 특정한 값이 있다면 언마운트, 값이 바뀌기 직전에도 호출이 된다.

 

사실 useEffect라는 것이 컴포넌트가 최초 렌더링 되었을때 특정 작업을 할 수 있게 도와주는 것인데의존성을 주입하면 위와같이 특정 값의 변화 감지시 재랜더링 하는 것이다.이 문제는 지도 API 사용에서 특정 가게를 선택하면 해당 가게의 위치로 지도 중심을 이동시킬때일어난 에러를 해결하기 위해 공부해서 에러를 해결한 경험으로 얻은것이다.....지금보면 예전에 이미 공부하며 배웠던 것이데 지금 보니 이미 배운것인데 왜 자세히 그리고 꼼꼼히 공부하지 않았는가 후회되는 부분이다....

 

이번 프로젝트는 처음하는 프로젝트여서 프로젝트를 구상하고 컴포넌트들의 연결과 처음해보는

BE작업(정말 초보적인 작업이지만....), AWS의 존재와 EC2의 사용등 많은 것들을 알게되었다.

 

앞으로 다른 프로젝트를 진행할 때 어떻게 프로젝트를 진행할 지와 순서를 대략적으로 정리할

기회를 갖는 시간이였다고 생각한다.