Twitter

😃Summary

트위터 프로젝트 git-hub
이번 추석 연휴 부트캠프 일정 진행 중 일주일이라는 공백이 생겨버렸다. 모자랐던 개인공부를 진행할지, 지친 체력을 보충할지 고민하다가 갑자기 휴대폰에 있는 트위터 어플이 보였다. 그리고 다음날 위코드 맴버분들에게 "혹시 트위터 프로젝트 같이 하실래요?" 라며 물어보는 내 모습이 있었고, 우리의 트위터 프로젝트는 그렇게 시작되었다...Haha...

😎Progress

member - 프로젝트를 기획하면서 백엔드와 프론트엔드 비율을 어떻게 맞춰야할지 고민했었다. 그러다 36기 선배님과 대화를 했었는데 프론트 4명에 백엔드 3명해서 진행해보는게 어떻냐고 말씀해주셨다. 선배님도 처음 프로젝트를 진행했을 때 해당 비율이 밸런스가 좋았다는 조언을 얻어 프론트엔드에 나, 효성님, 지원님, 승훈님/ 백엔드에 윤아님, 기석님, 응수님 이렇게 멋진 맴버들로 프로젝트를 진행하게 되었다.

function - 트위터의 전체 기능 중 우리가 일주일이라는 시간동안 어느 정도의 기능구현을 구현할 수 있을지 고민하였고, 프론트와 백의 입장도 조금 달라서 프로젝트를 진행하는 와중에도 여러번 수정사항이 있었던 거 같다. 진행한 기능에 대해서는 아래에서 자세히 서술하도록 하겠다...!

1. sign-up/in
   

회원가입 시 양식에 일치하지 않으면 회원가입이 불가하며, 회원가입 후 DB에 있는 유저 정보를 조회하여 로그인 기능을 수행. 로그인 시 회원에 관한 정보를 토큰에서 가져오며, 해당 유저의 정보를 로컬스토리지에 저장함으로써 이후 트위터 내부의 기능을 수행할 수 있게 도와주는 페이지다.

2. profile
   

form 태그 전체를 전송하는 방식으로 서버쪽으로 지정한 이미지 및 텍스트를 저장하고, 변경된 내용을 표출하여 프로필을 수정한다. 또한 이미지 파일 선택 시 유저가 해당 이미지를 미리보기 할 수 있는 기능은 정말로 내가 트위터를 이용함을 느끼게 해줬던 거 같다. 그 외 해당 유저가 트윗한 내용/좋아요 등 텝마다 표출해주는 기능도 있다.

3.main-twit/side-tab/search

트위터의 핵심 기능인 피드를 올리는 기능이 있는 페이지다. 피드를 작성하는 동시에 서버에서 해당 데이터를 가져오는 방식인줄 알았는데 해당 방식이 한번에 이뤄지기가 어렵다는 말이 있었고, 이번 프로젝트에서는 피드를 트윗함과 동시에 프론트에서 전송한 데이터를 가상으로 표출해주는 방식으로 진행했던 거 같다. 그 외에 각 텝마다의 메뉴에는 모달 및 링크(라우팅) 기능을 수행하고, 서치 기능에는 우리가 회원가입한 유저들의 정보를 실시간으로 검색할 수 있는 기능을 수행한다.

🥹Wrap-up

솔직히 나는 글을 잘 쓰는 편은 아니다. 그치만 부족한 글솜씨라도 이번 추석 연휴에 다같이 노력하고 멋지게 만든 결과물은 이렇게 블로그에 담고 싶었다.
내가 개발자라는 직업을 도전하고 처음으로 진행한 프로젝트기도 했고, 기획이라는 말이 아직은 어색하고 부족한 팀장이였지만 항상 화기애애한 분위기 속에서 일주일이라는 시간동안 함께 노력해준 팀원들에게 너무 감사하다.
익명의 누군가께서 아직도 벨로그를 안쓰다니!!!라는 말을 하셔서 쓰는게 절대 아니니까 만약에 이 글을 우리 팀원분들께서 본다면 정말로 제가 애정한다는 것만 알아주세요~!! 정말로 감사했습니다🥰