React

구현하려는 기능 위치 정보를 담은 배열값이 들어오면 해당 position들을 카카오맵에 마커로 찍어 표시하기 에러 상황 카카오맵 지도 화면에 렌더링은 되었지만(200) 흰 화면만 노출함 문제 해결 과정 1. 혹시 잘못 적은 코드가 있을 까 documentaion만 100번 본 듯...하지만 문제 없었음. 2. 좌표 값이 해외면 카카오 지도가 흰 화면을 노출한다는 글을 읽고 전 부 위도, 경도 값 위치를 조회함 3. 어이없게도 해외는 아닌, 아예 잘못된 위도 경도 값이 들어가 있어서 발생한 문제 였음....프론트 코드를 고칠 일도 아니었음! 해결 방안 1. 잘못된 위도,경도 값을 가진 data를 db에서 삭제 2. 프론트 쪽에도 위도, 경도 값이 정상인지 체크하는 함수를 만들어 정상인 값만 마커를 찍도록 ..

이번 2차 프로젝트를 진행하면서 유의했던 점은 바로바로바로......휴먼에러..즉 오타였다. 불편했던 점 react-router-dom에서 path입력시 평소에는 수동으로 string값을 입력했었다. path="/login" 이런식으로! function App() { return ( ); } 하지만 다른 팀원들과 같이 협업해서 작업하다보니 실수하는 경우가 생겼다. 어떤분은 mypage를 myPage라고 쓰는 경우가 있고,,, 또 path이름을 변경 시 이에 관련된 다른 코드들 (ex, navigate)에 쓰여진 path들도 일일이 찾아 변경해줘야 한다는 점이다. 이 path 문제 외에도 react-query key라던지, recooil의 key들도 수동으로 쓰이고 있어 추후 문제가 될 여지가 보였다. 특..

https://dana-dev.tistory.com/entry/%EB%AA%B0%EB%9E%90%EB%8D%98-useEffect%EC%9D%98-%EC%8B%A4%ED%96%89%EC%88%9C%EC%84%9Cfeat-%EC%9C%A0%EC%A0%80-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%9C%A0%EB%AC%B4-%ED%8C%90%EB%8B%A8 몰랐던 useEffect의 실행순서(feat 유저 로그인 유무 판단) 현재 로직 import { useCallback, useEffect, useMemo } from 'react'; import { useLocation } from 'react-router-dom'; import { useCheckLoginQuery } from '../p..

현재 로직 import { useCallback, useEffect, useMemo } from 'react'; import { useLocation } from 'react-router-dom'; import { useCheckLoginQuery } from '../pages/auth/queries'; import { PATH } from '../constants/path'; const { mypage, notification, schedule } = PATH; //꼭 로그인해야 하는 페이지 링크를 여기에다 입력하기 const PRIVATE_PATHS = [mypage, notification, schedule]; export function useAuth() { const { pathname } = ..