2024. 6. 5. 뉴스피드 프로젝트 4일차(마무리)

Home (메인페이지)헤더

페이지의 배율을 높였을 때 (윈도우 기준 ctrl + 휠) 헤더의 버튼들이 중앙으로 몰리는 현상을 어떻게 해결할까 고민하다가 우연히 네이버의 헤더를 줌인 해보았는데 일정 배율 이상 (150%) 이 되면 버튼이 사라지는 것을 알 수 있었고, 이를 바로 프로젝트에 적용시켰습니다. (줌 레벨을 백분율로 계산하여 zoomLevel 의 값이 150 이상이라면 버튼들이 숨김 처리 됩니다.)

 

피드

퀼 에디터로 쓴 게시글들을 어떻게 불러와야 할까, UI 를 어떻게 만들어야 할까 고민이 많았습니다. 하지만 슈퍼베이스에서 데이터를 옮겨와주신 팀원 병준님 덕에 props 만 내려서 간단하게 불러올 수 있었고, 퀼 에디터로 쓴 게시글들을 dangerouslySetInnerHTML  로 불러와 피드에 렌더링 시킬 수 있었습니다. 한 가지 아쉬운 점은 base64 문제로 인해 이미지를 간단하게 렌더링 시킬 수 없다는 점 이였습니다.

 

 

프로젝트 결과물에 대한 완성도 평가 (10점 만점), 이유도 같이

8점
스타일적인 부분에 조금 더 신경을 썼으면 좋았을 것 같습니다. (기획 단계에서 "모던하게 가자" 라는 키워드로 시작된 프로젝트)
기획 예정이던 기능 (댓글 수, 좋아요 등) 들이 시간적 여유가 없을 것 같아서 포기하게 된 게 조금 아쉽습니다.
하지만 개발하면서 구현하고자 하는 부분 (CRUD.. 등) 은 모두 구현했기에 어느정도 완성도 있는 프로젝트라고 생각합니다.

개인 또는 우리 팀이 잘한 부분, 아쉬운 점, 느낀 점, 성과

팀장으로써 기획 단계에서 조금 더 자세하고 세분화 된 기획이 필요했는데 경험이 부족했습니다.
FEED 부분에 이미지 대신 posts 의 간략 내용을 렌더링 한 점은 제 자신에게 칭찬 해주고 싶습니다. ( 퀼 에디터로 이미지를 가져오기가 어려움 (base64))
그래도 팀원분들이 맡은 바 역할을 잘 수행 해주셔서 캠프 들어온 이래 가장 편하게 프로젝트에 임한 것 같습니다.
( 팀원분이 적용해주신 슈퍼베이스에서 데이터만 가져와 FEED 에 정보를 넣을 수 있었음 )
( 원만한 소통으로 협업에 문제가 전혀 없었음 )
늦은 시간까지 프로젝트 진행하시는 모습을 보고 저 또한 자극(?) 을 받아 제가 맡은 부분을 완벽하게 해내고 싶었습니다.
프로젝트 진행 시 기획 단계가 중요하다는 것을 다시 한 번 크게 느꼈고, 슈퍼베이스는 아직 미숙하나 리액트에 조금 더 익숙해지게 된 계기였습니다.
제대로 된 첫 번째 프로젝트 였던 것 같은데 시간이 너무 촉박했던 게 아쉬웠습니다.

프로젝트 개선점, 보완할 점

제가 맡은 메인 페이지를 기준으로 말씀드리자면 FEED 에 게시글 작성 시간이나 유저의 프로필사진을 렌더링 시켰으면 좋았을 것 같습니다.
개발 초기 단계부터 슈퍼베이스 데이터를 전역으로 관리했다면 수정 및 사용이 용이했을 것 같습니다.