좋아요 페이지를 만들어야 해서 템플릿에서 컴포넌트를 가져왔어요 , 경로설정도해주고
Redux 패키지는 애플리케이션 전역 상태 관리를 담당하며, 특히 장바구니, 위시리스트, 빠른 보기, 상품 정보 등의 상태를 Redux Store에서 관리하도록 설계되어 있습니다.
어제 로그인부분 헤더가 기본값만 전송되고 AccessToken 정보는 같이 응답으로 안와서 문제가 되었었는데 오늘 다시실행시켜보니 제대로 넘어오네요
아마 백에서 cors 관련 설정을 고쳤나 싶습니다. 하여간 로그인까지 완료
api 요청할때는 헤더에 토큰값도 같이 보내야 서비스 받을 수 있도록 백엔드에서 설계했다고 하네요
localStorage는 브라우저에서 제공하는 저장소입니다.
localStorage에 토큰값을 저장해뒀다가 api요청할때 꺼내서 헤더에 붙여 전송합니다.
오늘은 여기 부분을 만들어봐야 할 것 같습니다.
게시글 상세와 게시글 수정은 하나의 컴포넌트로 만들면 될 것 같아요 , 렌더링되는 페이지도 하나
erd 입니다.
좋아요는 나중에 해결하고 일단 게시글 부터 만들어서 테스트 해봅시다.
review 컴포넌트에 댓글 , 게시글올린사람 이렇게 두개로나눴습니다.
reviews 폴더에 common + posted 를 index에서 렌더링 하도록 만들어둔다음
src\app(site)(pages)\reviews 에서 불러옵니다.
틀은 완성됬고
이제 폼을 만들어서 api요청후 해당 게시물을 뿌려주는 형식으로 만들어 봅시다.
css에 관해 알게된 내용
globals.css에 Tailwind 초기화 코드가 포함되어 있습니다.
클래스가 사용가능해졌습니다.
게시판 관련 api는 백에서 손좀 본다고합니다.
팔로우 기능부터 만듭시다
일단 파라미터가 email 인걸로봐서 팔로우하려는사람의 이메일이 떠야할 것 같아요
만들어둔 폼을보면 임의로 들어간 사람들인데 이걸 실제 users들이 나오도록 해야겠네요
그런데 users 정보가 클라이언트에 나오도록하는 서비스는 없어요
그럼그냥 users이메일 입력하면 저장되는 형식으로 합시다.
일단 엑세스토큰 헤더에 추가 , 그리고 폼데이터 전송하는것은 성공
팔로우 목록 뜨도록 해보자
우선 로그인할때 local storage에 userEmail이 저장되도록 합니다.
컴포넌트 추가해줍니다.
localstorage에서 usereamil과 토큰을 받아와서 요청하는형식으로 작성
목록이 떴습니다 이제 언팔로우 기능을 추가하겠습니다 지금은 빈 버튼이예요
언팔 요청 이메일과함께 토큰을 보낸다음에 삭제하도록
성공
다음행보
뭐가될지 모름