본문 바로가기

TIL

TIL - SPA 블로그 프로젝트 마무리 및 다음 계획

프로젝트 마무리

이번 SPA 블로그 프로젝트는 조건부 렌더링을 하는 연습을 통해 사용자 경험에 대한 고민을 하는 발전을 이루었습니다. 그러나 저번 주 팀 프로젝트에서 이미 뉴스 피드 사이트를 만들어서 앞으로 구현할 블로그가 중복이 되는 것 같아서 프로젝트를 마무리하고 다음 프로젝트에  공공데이터를 활용하기로 결정했습니다. 

 

 

구현된 주요 기능

  1. PostDetailPage에서 게시물 수정 및 삭제 기능
    • 목적:  PostDetailPage에 유저 상태를 조건부 렌더링해서 게시물을 작성한 사용자가 게시물 상세 보기에서 게시물을 관리할 수 있게 하고, 다른 사용자는 홈페이지에서 게시물의 세부사항을 볼 수 있습니다
  2. Tailwind CSS를 사용한 스타일링 개선
    • 목적: Tailwind CSS를 익히고 다양한 구성 요소의 스타일을 개선하기 위해 사용했습니다.
  3. 효과적인 상태 관리
    • 목적: Redux(RTK)를 사용하여 인증 및 게시물 관련 데이터 상태 관리를 효율적으로 관리했습니다.

미구현 기능

  • EditPostPage: 초기 계획에는 게시물 편집을 위한 별도의 페이지를 구현하려 했으나, 저번 프로젝트에서 이미 구현한 기능이므로 생략하려고 합니다.
  • Redux 미들웨어를 사용: 현재 블로그와 같은 간단한 데이터 관리는 미들웨어의 필요성이 크지 않다고 생각 했습니다.

다음 프로젝트 계획

새로운 프로젝트에서는 공공 데이터를 활용해서 많은 데이터를 어떻게 빠르게 렌더링 하고 상태를 관리 하는 것을 경험해볼 생각입니다. 이를 통해 사용자 경험을 더욱 향상시키고, 기술적인 깊이를 더할 예정입니다.

  1. 조회수 기능
    • 목적: 게시물의 인기도를 측정하고 사용자에게 피드백을 제공하기 위함입니다.
    • 세부사항: 각 게시물에 조회수 카운터를 추가하여 얼마나 많은 사용자가 해당 게시물을 보았는지 보여줍니다.
  2. 사이드 바 기능
    • 목적: 사용자에게 더 나은 탐색 경험을 제공하기 위함입니다.
    • 세부사항: 인기 게시물, 최근 게시물, 카테고리 등을 표시하는 사이드 바를 추가하여 사용자가 더 쉽게 콘텐츠를 탐색할 수 있도록 합니다.
  3. 공공 데이터를 활용한 API 프로젝트
    • 목적: 실제 데이터를 활용하여 더 복잡하고 유용한 애플리케이션을 만들기 위함입니다.
    • 세부사항: 공공 데이터를 활용하여 대량의 데이터를 처리하고 이를 사용자에게 유용한 정보로 제공하는 프로젝트를 계획하고 있습니다. 이 프로젝트에서는 Redux 미들웨어를 사용하여 데이터를 효율적으로 관리할 계획입니다.

배운 점 및 소감

  • 효과적인 상태 관리: Redux(RTK)를 사용한 상태 관리는 인증 및 게시물 관련 데이터를 처리하는 데 매우 효율적임을 확인했습니다.
  • Tailwind CSS를 사용한 스타일링: Tailwind CSS를 사용하여 신속한 프로토타이핑과 일관된 디자인을 구현할 수 있었습니다.