Feat: PortfolioDetail.tsx 페이지 Api 에러 처리를 추가한다

개요

PortfolioDetail.tsx 페이지 Api 에러 처리를 추가합니다.

/mocks/nosql-data/user.ts 더미 데이터에 bookmarks, likes를 추가한다.
PortfolioDetail.tsx 페이지 api 반환값이 undefined여도 템플릿 형태가 보이도록 한다.
PortfolioDetail.tsx 페이지 api 에러 발생 시 AlertModal.tsx을 띄운다.
- 확인 버튼 클릭 시 이전 페이지로 돌아간다.
AlertModla.tsx의 경우 한 페이지에서 여러가지 형태로 호출되므로 글로벌 컴포넌트로 관리한다.
- AlertContainer.tsx 컴포넌트를 생성해 App.tsx에서 호출한다.
- alertSlice 전역 상태를 생성한다.
- alert를 띄워야 하는 페이지에서 dispatch(setAlert())를 하면 저장된 alert 정보를 기반으로 전역에서AlertModal.tsx를 띄운다.
- type(alert 종류), onConfirm 콜백 함수를 props로 전달한다.
좋아요, 북마크 핸들러를 NoSQL 데이터 형식에 맞춰 수정한다.

alert 테스트

좋아요, 북마크 기능 테스트