계기Permalink

‘트위터 클론 코딩’을 했던 것은 2021년도였다.


1


코딩 실력이 지금보다 한참 부족했을 때 뭐라도 해보고 싶다는 생각이 들어서 냅다 이 책을 구입하여 클론 코딩이라는 것을 처음 하게 되었다. 😆

완성작Permalink

  • 전공 지식이 거의 없었던 2021년도에 완성한 트위터 클론코딩 완성작이다.


    2

  • 정말 기초적인 css 부분을 수정한 트위터라 지금 봤을 때는 볼품 없지만 그때는 나름 최선을 다했었던 것 같다..ㅋㅋㅋ 아이콘도 새로 찾아 바꾸고 할 수 있는 데까지는 최대한 나만의 트위터를 만들기 위해 수정했었던 기억이 있다.
  • 구글, 깃허브 계정 연동 기능을 활용하여 로그인 및 회원가입 기능을 구현하였다.


    3

  • 이건 로그인한 화면이다. 위의 작성란에 글을 쓰고 사진을 추가할 수 있다.


    4

  • 트윗 수정 기능이다. 그때는 몰랐는데 지금 보니 버튼이 삐져나가는 등💦 미숙한 부분이 많이 보인다.


    5

  • 프로필 수정 화면이다. 계정 이름을 변경할 수 있다.


콘테스트 참여 후기Permalink

콘테스트 링크 6
7
8
9

  • 어쨌든 완성한 작품이기에 저자인 ‘노마드코더’ 분께서 개최하는 트위터 클론 코딩 컨테스트에 작품 출품도 했다.
  • 당연하게도 수상은 못 했던 걸로 기억하지만, 다른 개발자 지망생 분들과 함께 문제를 공유하고 고민하며 해결해나갔던 경험이 아주 좋은 기억으로 남아 있다.
  • 나는 파이어베이스 버전 오류 때문에 어려움을 겪었었는데 처음엔 단순 타이포 오류 혹은 코드 오류일 거라고 생각하여 버전 오류는 생각지도 못했었다. 그래서 이 문제를 공유하였더니 다른 공모전 참여자 분께서 버전 오류 같다며 수정 방안을 제안해주셨다. 그 덕에 문제를 해결할 수 있었고 더 나아가 그때 내가 올린 게시물로 오류를 해결하셨다는 분도 계셨다.
  • 지금이야 챗 GPT가 생겨 개발자들 간 교류가 없더라도 해결할 수 있는 문제가 많아졌지만 그때처럼 Stackoverflow 같은 사이트를 많이 활용하였을 때 다른 사람과 함께 문제를 해결했던 경험이 이후 팀 프로젝트나 공모전에 참여했을 때도 많은 도움이 되었던 것 같다.

VwitterPermalink

  • 아래 링크는 그 당시 만들었던 ‘Vwitter’라는 이름으로 출품하였던 나의 트위터 클론코딩 결과물이다.
    Vwitter ✨
  • 책을 보고 따라한 실습이나 마찬가지이긴 했지만 이때 무언가를 완성했다는 성취감이 이후 다양한 프로젝트를 시도함에 있어 좋은 거름이 되어 주었다고 생각한다.
  • 실제로 웹 프로그래밍 전공 수업을 들었을 때 많은 도움이 되어 교수님께 내가 담당한 프론트엔드 부분에서 칭찬을 받기도 했었고…😅
  • 역시 뭐든 부딪쳐 봐야 실력이 쑥쑥 느는 것 같다.

마무리하며Permalink

  • 책을 찬찬히 다시 읽어 보니, ‘이런 기능인데 내가 아무것도 모르고 단순히 따라 만들었었구나’하는 생각이 들었다.
  • 그래서 이번 기회에 Vwitter 2.0을 만들어 볼까 한다 ! ! !
  • 2년 정도가 지났으니 더 나은 결과물이 나오길 바라며 재도전!! 🙏

댓글남기기

참고