221129_TIL | 마이페이지 만들기

오늘한 일

• [항해 99] 실전프로젝트 필터 칩 구현 완료(+필터부분도)
• [study] scope 공부 + 정리

내일 할 일

• 리액트 쿼리 3강까지 듣기(4트 ㅋㅋ..)
• [항해 99] 실전프로젝트 마이페이지 뱃지로 데이터 가져오는 부분 전까진 완성해두기

오늘의 배운 점

1. 배운 점 이라기보단 https… 정말 모르겠다.
   엊그제는 성공한 줄 알고 무척 신났었는데 다음날 낮부터 원래 사용하던 ip로도 개발이 가능했고, http로 도메인을 입력했을 때 자동으로 https로 연결되는 걸 백에서 진행한 후 mkcert로 처리했던 부분들이 먹히지 않았다.
   https 로 설정하는 방법을 많이 찾아봤는데 현재 내가 셋팅해둔 방법들과 너무 달라서 쉽게 적용할 수 없었다.
   이전 ip로 된다고 해서 ip 변경해서 사용했는데 이유를 잘 모르겠다.
   이 부분 이후에라도 꼭 이해하고 싶다.
   결론 -> env 변경 후에는 꼭 서버 연결 끊었다가 진행하기^^!
   

2. 필터에서 각 필터마다 is필터false로 slice에서 관리를 따로 해줬었는데 엊그제 데이터 타입에 대해 공부하면서 null을 쓰면 필터 뿐만 아니라 필터 칩에 대해서도 수정될 것 같다는 생각이 들어 적용해봤고 구현에 성공했다.
   덕분에 코드도 많이 가벼워졌는데 예로 필터 초기화 버튼도 아래처럼 되어있었는데, 여기서 문제는 다른 페이지로 갔다 왔을 때 칩이 사라져야하는데 필터로 걸어둔 칩이 계속 있다는 문제가 있었다.
   

   const onFilterListnope = () => {
             dispatch(__getMountains());
             dispatch(isSeasonFalse());
             dispatch(isRegionFalse());
             dispatch(isLevelFalse());
             dispatch(isTimeFalse());
             setFilter("");
   

   
   

   그래서 아래처럼 수정해줬고 반응은 조금 느리지만 빈 값으로 해당 내용들을 가져올 수 있게 되었다.
   

   const onFilterListnope = () => {
             dispatch(__getMountains());
             dispatch(__postFilterMountains(initialState));
             setFilter("");
        };
   

   
   

   여기까진 했으니까 다음 순서는 리팩토링을 통해 속도 향상을 진행하는걸로..
   

---

요즘 면접 대비 이론 공부 + 필터 칩이 잘 안되는 문제로 실전 프로젝트를 조금 소원하게 했었다.
그런데 최근 이론 공부 중에 필터 칩에 적용할 수 있을 것 같은 내용을 공부했고 그 내용을 적용한 결과 계속해서 해결 못하던 문제들이 2가지나 해결이 됐다. 아마 이론이 바탕이 되지 않은 상태에서 주구장창 코드만 짜다보니 생긴 문제이지 않을까 싶긴하다. 이젠 속도 향상도 어느정도 신경을 써야할 것 같은데 금요일 전에는 진짜로 쿼리 공부해서 적용해보는 게 목표다!
안되던 부분들이 해결되다보니 다시 의욕이 조금 상승했다. 몸만 좀 더 건강했다면 공부량을 늘려볼텐데 요즘 몸이 말을 안들어서 너무 아쉽다..
이번 주 중에 런칭하고나면 2주 정도 밖에 안남는데 효율적으로 시간을 보낼 수 있도록 노력해야겠다. 아자아자~~~