[노마드코더 트위터 클론 챌린지] 02 중간 진행상황 공유

구현한 기능

• 이메일 회원가입 로그인 & 깃허브 소셜 로그인 (+ 패스워드 찾기 이메일 전송 기능)
• 포스트 작성 / 삭제 / 수정
• 실시간 타임라인
• 포스트 작성 시 노래 검색 기능

최대한 제가 작성한 와이어프레임을 따라 화면을 구성하고자 노력했습니다. 아직 api와 연결이 안되어있는 부분이 많지만 우선적으로 레이아웃을 잡아두어 추후에 하나씩 제대로 작동하는 기능을 추가하는 방향으로 개발할 생각입니다. 이번 중간점검 기간에는 트위터 클론코딩 강의를 수강하면서 실시간 타임라인까지 구현했어요:) 또한 음악 공유 SNS를 목표로 하고 있기 때문에 포스트를 업로드하면서 음악을 선택할 수 있도록 maniadb api를 연결해서 원하는 노래를 찾을 수 있도록 하는 것까지 구현하여 음악 공유 SNS로의 첫 발걸음이라는 제목을 붙여 보았어요ㅎㅎ

 

 

스크린샷

메인화면

 

포스트 업로드

업로드 시 이미지 미리보기가 가능하고, # 기호와 함께 적은 해시태그는 보라색으로 강조됩니다. 업로드 중에는 버튼에 로딩스피너를 띄워 업로드가 진행 중임을 확인할 수 있도록 했습니다. 이미지가 업로드 되는 도중에 텍스트만 먼저 게시가 되는 버그가 있는데 추후 수정할 예정입니다.

 

포스트 삭제 및 수정

포스트의 작성자와 로그인한 유저가 같을 때만 포스트의 더보기 버튼을 눌러 수정 혹은 삭제할 수 있습니다.

 

음악검색

maniadb api를 활용해 노래제목, 가수, 앨범명을 통해 음악을 검색할 수 있습니다. 추후 리스트 중 노래 1곡을 선택해서 포스트와 함께 게시할 수 있도록 만들 계획입니다. 

 

 

고민

와이어프레임을 짰을 때처럼 UI/UX적으로도, 기능적으로도 괜찮은 프로젝트 결과물을 내고 싶은 욕심이 크다보니 기간 내에 다 할 수 있을까라는 걱정이 제일 크네요ㅠㅠ 취준생이라 여러 기업의 취준 전형 준비도 병행하고 있어서 오롯이 이 클론코딩 프로젝트에만 시간을 쏟을 수가 없어 조금 아쉽습니다🤧 제 목표는 이번 챌린지 기간 내에 누가봐도 음악 공유 SNS라는 구색은 갖출 수 있도록 완성하는 것이고, 챌린지가 종료된 이후에도 좀 더 시간이 많이 필요한 기능이나 자잘한 버그 같은걸 고쳐서 제대로 한 번 더 완성해보고 싶어요!