feat : 아티클 페이지, 상세 페이지 좋아요 상태 관리 및 프리미엄 아티클 구분

[jiohjung98]

해당 사항 (중복 선택)

• FEAT : 새로운 기능 추가 및 개선
• TEST : 테스트 추가 및 리팩토링
• FIX : 버그 수정
• REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
• STYLE : 코드 스타일에 관련된 변경 사항
• DOCS : 코드가 아닌 문서를 수정한 경우
• REMOVE : 파일을 삭제하는 작업만 수행
• RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
• CHORE : 패키지 매니저 설정, 코드 수정 없이 설정 변경(eslint) 등 기타 사항

설명

아티클 페이지 및 상세페이지 좋아요 상태 관리 및 프리미엄 아티클 구분

• 아티클 좋아요 여부 전체 상태 관리 zustand로 관리 -> 아티클 페이지에서 전역 zustand에 좋아요 상태 값 존재 시 해당 값으로 우선 렌더링, 없으면 api 호출 결과로 렌더링(아티클 페이지 api를 ssr로 불러와서 상세 페이지 접속 후 아티클 좋아요 상태 변경 후 뒤로가기 시 api호출하지 않으므로)
• 아티클 프리미엄 컨텐츠 아이콘 렌더링
• 아티클 페이지 탭값 세션스토리지 저장 -> 탭값 변경 후 상세 페이지 접속 후 뒤로가기 시 탭값 여부로 페이지 렌더링
• 아티클 페이지 api 호출 시 쿠키에 토큰 존재 시, 헤더 담아서 호출

How it Works

To Reviewers