axios delete
오늘은 axios 에서 delete 요청에서 애를 먹었다 후우 ..
전에 쓸 때는 body를 안 넣어서 금방 됐었는데 이번에 body를 넣어서 delete 요청을 보냈는데 안돼서 한참을 헤맸다.
결론은 delete에는 원래 body넣는 양식이 없는 모양이다. 따라서 header랑 같이 묶어서 보내야한다.
헤더와 같이 보낼 body를 { header: {}, data:{}} 양식으로 보내야 한다.
body를 data:{}로 한번 더 묶는게 중요하다. CRUD 할만하다 생각했는데 오늘 애좀 먹었다 후우 ...
개별, 전체 체크
개별 체크와 전체 체크도 엄청 쉬울줄 알았는데 꽤 많이 애를 먹었다.
TIL | React 체크박스(전체 선택, 체크 해제)
체크박스 선택, 해제 기능 구현해야할 기능 전체선택/해제 전체선택 후, 하나라도 체크가 사라지면 전체 선택 해제 모든 체크 박스 선택 시, 전체 선택 활성화
velog.io
이쁘게 정리 해주셔서 많이 참고했다.
map, includes, forEach 등 고차 함수에 대해서 다시 공부할 수 있었고, 좀 더 파봐야할 것 같다.
bookmarkList 는 전체 리스트고, checkLists는 빈배열이다.
외부 클릭시 드롭박스 사라지기
얘도 애를 좀 먹었는데 ref의 위치가 굉장히 중요하다. li의 부모요소인 ul에다 ref를 줬더니 해결 됐다.
D-day
코딩은 쉽지 않은 것 같다. D-day도 시간이 꽤 걸린 느낌 ...
받아온 createdAt와 현재 시간을 빼서 마감기한을 30일로 줬다.
그리고 그동안 받지 못했던 로그인 한 유저 정보를 받아올 수 있었다!! 덕분에 북마크, 수정 삭제 버튼 없애기 등등 해결 할 수 있었다.
하지만 유저 정보?(닉네임)가 로컬스토리지가 그대로 담겨 있어서 보안에는 안좋아 보인다. 다른 해결책을 찾아야 할 것 같다.
보안 쪽도 공부해야지 ..
'Devlog' 카테고리의 다른 글
| [Devlog] 원티드 프리온보딩 회고 (2) | 2022.11.22 |
|---|---|
| [Devlog] TypeScript 어렵다..!! (0) | 2022.11.05 |
| [Devlog] 나만 몰랐던 axios의 기능 (0) | 2022.10.29 |
| [Devlog] 또 다른 여정 ..!! (0) | 2022.10.27 |
| [Devlog] useEffect.. (0) | 2022.10.05 |
