[트위터 클론코딩 최종 제출] 블라블라블라블라블라블라블라블라

최종 배포 URL

https://blahblah-4cd98.web.app/

버그 대환장파티 주의

깃허브 링크

https://github.com/woori0907/blahblah

스파게티 주의

스크린샷 2~3장

로그인 화면입니다. 구글, 깃허브, 이메일로 로그인 가능합니다. 이메일 회원가입은 메일 인증을 해야 이용이 가능합니다.

홈 화면입니다. 실시간으로 올라오는 트윗 뿐만 아니라 팔로우한 유저의 트윗만 모아서 볼 수 있습니다.

프로필 창에서는 자신이 올린 트윗 뿐만 아니라 좋아요 누른 게시글만 모아서 볼 수 있습니다.

위의 기능은 다른 유저들의 프로필 페이지에서도 동일하게 적용됩니다.

개발 기술/스택

React, TypeScript, Firebase, Tailwind CSS

이번 컨테스트를 진행하며 느낀 점

어제 시작한 것 같은데 벌써 2주가 지나다니... 시간 정말 빠르네요😨 아무튼 무사히 마지막까지 왔네요!! 와아!!! 이번 컨테스트에 참여하면서 firebase와 엄청 친해진 것 같다는 생각이 많이 들었습니다! 강의 들으면서 firebase를 써보긴 했어도 데면데면한 느낌이 없지않아 있었는데...👀 죽이 되든 밥이 되든 뭐라도 만들어보니까 훨씬 더 가까워진 느낌이 많이 듭니다 ㅎㅎ firebase를 쓰는데 좀 더 자신이 붙은 것 같습니다!

다만 아직도 무수히 많은 버그와 엉성한 기능, 전반적으로 휑한 구성.. 반응형 디자인, 다크모드, 팔로워 리스트 등 구현하지 못한 기능들이 많은 게 아쉽네요..🥺 부분 검색이 안 되는 것도 너무 아쉽구요 ㅠㅠㅠ 우선 자고 일어나서 코드 정리부터 쫌쫌따리 해야겠어요 ㅎㅎ 스파게티 한 판 거하게 비벼놔서... 짬날 때마다 코드 정리하고 구현 못 한 것들도 차근차근 해봐야겠습니다.

↑제 코드 요약짤

아무튼 자신감 회복도 할 겸 동기부여도 할 겸 시작한 챌린지였는데, 이렇게 잘 마무리할 수 있어서 기쁘네요! 여러모로 많이 배우고 성장할 수 있었던 시간이었습니다. 모두들 2주간 정말정말 고생 많으셨습니다!

다른 트위터 클론코딩 하시는 분들을 위한 TIP

많이 아실 것 같긴 한데... 소소한 팁 하나 적자면,

이메일로 가입할 때 이메일 인증된 계정만 로그인 가능하도록 하면 깃허브 로그인이 안 되는 경우가 발생합니다.

해결 방법이야 여러가지가 있겠지만 저 같은 경우, protected route에서 providerId가 github.com인지 확인하는 과정을 먼저 실행한 후 이메일 인증 여부를 체크하는 방식으로 해결했습니다.