[CEOS - 3주차 미션] react-messenger 만들기

이번 세오스 미션은 저번 미션에 이어 채팅 완성하기다.

사실 미션이 끝난지는 한참 됐는데 (5/8..), 미루고 미루다가 세오스가 끝나버린 이 시점에 쓰게 되었다.

지금와서 생각해보면 그렇게 어렵지 않은 미션이었는데, 그때는 그게 그렇게 어렵게 느껴졌다.

이번에도 코드가 더 길어졌기 때문에 깃헙 주소를 남겨놨다.

 

기능 상으로 이해가 안되는건 지금와서 보면 없어서... 아쉬웠던 점 위주로 적어보려고 한다.

• 채팅 기록을 로컬스토리지에 저장하지 않아서 채팅창이 계속 비워지는 것
• 디자인 (지난 번 세션에서 vw,vh 를 알게 되고 그걸로만 만들려고 하다보니 비율이 안맞았다. 반응형이 중요한이유..)
• 여전히 클린하지 못한 코드와 파일 구조 (변수,함수 명, 파일을 나눈 기준)
• 재사용성이 떨어지는 코드 (반복되는 부분이 많은데, 컴포넌트화라는 것을 생각하지 못하고 복붙,상속으로만 작업했음)
• 채팅한 날짜, 아직 읽지 않은 채팅을 표시하는 기능을 추가하지 못한 것

아쉬운거 얘기하려면 끝이 없는 것 같다.

 

리액트 라우터 시작할때는 좀 많이 막막 했는데 여전히 막막한 것 같아요 하하
코드가 좀 더러운데 주석처리도 안해서.. 코드 리뷰 하시는 분 죄송합니다ㅠㅠ
이것저것 다양한 기능 추가하고 싶었는데 상상만큼 구현이 잘 안되서 아쉬웠던 것 같아요
저는 react router 사용했습니다. 따로 local storage는 사용하지 않았고, 그래서 아주 기본적인 기능만..! 들어가있습니다. 아마 부족한 부분도 많을 것 같아요. 앞으로 더 발전해야겠죠 >.0

https://react-messenger-13th-ashy.vercel.app/profile
갑자기 vercel 오류가 떠서 배포가 안되고 있어요ㅠㅠ 코드 리뷰하는 분 한번 더 죄송,,,합니다
vercel 오류 해결했는데 파일 이름 수정한거 깃에 반영 안돼서 계속 오류가 났네요 하핳핳
이제 해결했습니다~~!!

 

사실 이때는 코딩보다 배포오류 고치는게 더 화났다..^^

처음에는 vercel 환경변수에 CI:false 안해줘서 났고

그 다음에는 파일 이름을 basicChat.js -> BasicChat.js 로 바꿨는데,

깃허브가 이걸 파일이 바뀌었다고 인식하지 못하는 에러가 났다.

파일 이름 지을 때 꼭...주의 할 것...

 

https://github.com/yehey-1030/react-messenger-13th.git

GitHub - yehey-1030/react-messenger-13th: 13기 프론트엔드 2,3주차 미션 react-messenger를 진행하기 위한 레포