[React]Instagram Clone - 17. 프로젝트 완성 및 회고

1. 클라이언트 기능 명세

 

2. 주요 웹 화면 구현

① 회원가입

② 소셜 로그인

③ 로그인

④ 홈 화면

⑤ 홈 화면 - 게시물 수정/삭제

⑥ 마이페이지

⑦ 게시물 업로드

⑧ 메세지

 

3. 배포 및 기술 문서

📍배포 url

https://instagram-clone-client-lr01.onrender.com/auth/login

📍기술 문서

https://spectacled-azimuth-86e.notion.site/SSinstagram-18f05e45325f807fbbc2cbb8f0c20747?pvs=74

📍깃 주소

https://github.com/SeungjaeLee00/Instagram_Clone

📍프로젝트 포트폴리오

SSinstagram.pdf

10.98MB

 

4. 회고

10월 4일부터 시작해서 1월 22일까지. 약 4개월 동안의 프로젝트가 끝났다. 풀스택 개발자로서 아~ 들어봤어요~ 할 정도로는 프로젝트에 적용하고 싶었기 때문에 예상했던 시간보다 제법 오래 걸렸지만 (처음엔 2달 예상함ㅋㅋ) 포기하지 않고 배포까지 했다는 게 마음에 든다.

아무튼,, 아쉬운 점이라면,, 또.,,. 블로그에 코드 기록을 하지 않고 개발했다는 점이다. 쩝

저번에도 같은 점을 반성해서 서버 쪽은 제법 열심히 적은 것 같았는데, 클라이언트로 넘어가면서 클라이언트만 개발하는 게 아니라 만약 API 응답값이 더 필요하면 다시 서버 코드 고치고 프론트로 돌아오고(이게..애자일?흑흑).. 이런 식으로 진행해서 점점 기록하는 걸 잊기 시작했다.. 뭐 이렇게 모든 코드를 내 맘대로 그때그때 수정할 수 있는 게 풀스택의 장점이라고 생각하긴 하지만.. 다음부턴 다시 기록을 잘 해야겠다 다짐하는 나다..🥲

그래도 불행 중 다행은.. Swagger 라던지.. 클라이언트 기술 명세서를 꼬박꼬박 작성했다. 코드 리뷰를 전부 다 할 수 없어서 아쉽지만 그래도 명세가 있으니깐.

앞으로는 실제 대규모 트래픽 처리나 최적화 같은 걸 공부해서 적용해 보고 싶다. 무엇보다 클라우드를 기반으로 해서 대용량 트래픽을 처리하게 된다면 훨씬 더 많은 사용자 경험을 고려할 수 있지 않을까 싶다. 

그리고 보안도 조금 더 공부하려고 한다. 이번 프로젝트에서 사파리에서 발생하는 쿠키 저장 문제를 해결하지 못했다. 서버와 클라이언트 배포 도메인이 서로 달라 발생한 문제였다. 하지만 난 아직 학생인 관계로 (같은 도메인 쓰려면 돈 내고 사야 함 쩝) 다른 방법을 찾으려 했는데 결론은.. 더 공부가 필요하다였다..!