🥯 프로젝트 소개 프로젝트 명: 하루메이트 프로젝트 기간: 23.06.29~23.07.26 Github: https://github.com/codestates-seb/seb44_main_006 GitHub - codestates-seb/seb44_main_006: 하루메이트는 당일 일정을 만들고 친구에게 손쉽게 공유할 수 있 하루메이트는 당일 일정을 만들고 친구에게 손쉽게 공유할 수 있는 서비스입니다. Contribute to codestates-seb/seb44_main_006 development by creating an account on GitHub. github.com 배포 링크: https://harumate.netlify.app/ HARUMATE: 하루메이트 당일 코스를 만들고 공유하는 나..
🧐 처음 생각한 인증 과정 현재 로그인이 된 유저라면 모든 페이지에서 처음에 /members 요청으로 유저가 인증된 유저인지 판단합니다. 만약 Access Token이 만료되어서 /members 요청에서 error status가 410이 온다면, /reissue 요청으로 Refresh Token을 사용하여 Access Token을 재발급합니다. 재발급이 되었다면 다시 /members 요청을 보내어 인증된 유저인지 다시 확인합니다. 만약 RefreshToken마저 만료되었다면 로그인을 해제합니다. 😡 문제 상황 Access Token이 만료된 상황에서 다른 페이지로 이동하면 reissue는 작동하지만, members 요청은 보내지 않아서 인증된 유저라고 판단하지 않게 되어 유저의 데이터를 불러오지 않는 에..
⭐️ 일정 수정 기능 기존에 만들어 놓았던 일정 등록 페이지를 재활용해서 조건부 렌더링으로 일정을 수정할 수 있는 기능입니다. 😇 useQuery 타입 에러 const dispatchDestinationList = async () => { const response = await GetCourse({ courseId, }); const { destinationList }: PostReadT = response.data as PostReadT; dispatch(scheduleListActions.updateList(destinationList)); }; useQuery({ queryKey: ['modify'], queryFn: dispatchDestinationList, refetchOnWindowFocu..
3일 동안 반응형 제작 지옥이었습니다... 3일 동안 했는데도 완벽히 못하고 무한으로 수정 중입니다... css 넘나 어렵네요... 3일 동안 반응형만 내내한 건 아니고, 계속 생기는 버그들과 디자인 수정들도 꽤 했습니다. 😇 일정 등록 페이지 반응형 😇 일정 생성 모달 반응형
🔥 오늘 한 일 중 메인 https://highero.tistory.com/entry/react-beautiful-dnd-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EB%A1%9C-%EB%93%9C%EB%9E%98%EA%B7%B8-%EC%95%A4-%EB%93%9C%EB%A1%AD-%EC%B0%A2%EA%B8%B0 [하루메이트] react-beautiful-dnd로 드래그 앤 드롭 찢기 🔍 직접 구현하지 않고 라이브러리를 쓴 이유가 무엇인가요? 직접 구현해 보는 게 실력 향상에 도움도 될 것이고 재미도 있을 것 같지만, 굉장한 시간이 소모될 것이라고 생각했습니다. 현재는 highero.tistory.com 프로젝트에 드래그앤드롭을 적용 시켜봤읍니다. 😇 나머지 그 ..
😡 장소 리스트 리렌더링 이슈 지금은 검색을 하고 원하는 장소를 눌렀을 때, 장소 리스트들이 한 번 삭제됐다가 다시 불러오고 있습니다. 장소를 누를 때 마다 번쩍번쩍해버리니 보기에 딱히 좋지 않았습니다. 또한, 원래는 선택한 장소를 보여주는 숫자 마커가 장소를 나타내는 기본 마커위에 나타남으로써, 선택한 장소를 명확하게 보여주게 구현했는데, 검색한 장소 리스트들이 모두 삭제됐다가 다시 생성되어 숫자마커를 가려버리는 현상까지 생겼습니다. 문제라고 생각한 코드 useEffect(() => { const ps = new kakao.maps.services.Places(); if (searchPlace) ps.keywordSearch(searchPlace, placesSearchCB, { x: Number(x)..
😇 카카오 맵 API type 관련 any 오류 처리 처음 카카오 맵 타입 처리한 것 import { PayloadAction, createSlice } from '@reduxjs/toolkit'; interface IInitial { map: any; } const initialState: IInitial = { map: {}, }; const mapSlice = createSlice({ name: 'map', initialState, reducers: { setMap(state, action: PayloadAction) { state.map = action.payload; }, }, }); export const mapReducer = mapSlice.reducer; export const mapAc..
Github 링크 https://github.com/novice-hero/fe-sprint-coz-shopping GitHub - novice-hero/fe-sprint-coz-shopping Contribute to novice-hero/fe-sprint-coz-shopping development by creating an account on GitHub. github.com 🤯 마주한 문제들 📌 북마크 기능에서의 문제 처음에 구현한 로직은 북마크 버튼을 누르면 로컬 스토리지에는 정상적으로 상품 정보가 담겼습니다. 하지만 바로 렌더링이 되지 않고 다른 상품을 북마크해야 렌더링이 되는 형식으로 구현이 되었습니다. 즉, 하나씩 밀려서 렌더링이 되었습니다. ✅ 해결 const initialState = l..
