api를 호출하면서 기다리는 시간에 유저를 위해서 "데이터를 가져오고 있어요"를 알려주기 위해 로딩스피너를 넣는 방법에 대해 알아보자로딩스피너를 직접 만드는 방법도 있겠지만 난 똑똑한 사람이 만들어 둔거 들고왔다구글에 react-spinners 를 검색해서 상단에 np

시간이 포함된 데이터를 받아 조작해야할 경우 편리하게 사용할 수 있는 라이브러리설치 npm i moment

App.js에서 'React' must be in scope when using JSX react/react-in-jsx-scope 오류가 발생했다React를 import 해서 쓸 일이 없는 코드라고 할 지라도 확장자가 .tsx 이고또 컴포넌트 태그를 리턴하면 반드시

한줄요약: 비슷한 Object 많이 만들 일 있으면 class만들어쓰자!

디렉터리에 tsconfig.json파일이 있으면 해당 디렉터리가 Ts프로젝트의 루트임을 나타낸다프로젝트를 컴파일하는데 필요한 루트 파일과 컴파일러 옵션을 저장npm init -y =>package.json 초기화npm i D typescript => typescript

react-router-dom에서 제공되는 URLsearchParms에 대한 정보를 반환하는 hook으로 seachParmas,setSearchParams를 반환searchParmas->현재 search에 대한 정보를 반환setSearchParams-> 새로운 쿼리스트

팀프로젝트를 하면서 가장 어렵게 느껴지는 부분이 fetch 받아오는 방법이다저번 클론에서 useSearchparams를 사용해서 fetch 받아왔는데 이번에는 axios의 params를 사용해서 받아왔다

클론한 밀리의 서재에는 drag silder 컴포넌트를 사용해서 백엔드로부터 fetch 받아올 정보가 많이 있다네번이나 되는 fetch를 각각 useEffect()에 넣어서 받아올려고 하니 비효율적으로 코드가 길어질거 같았다이전 포스팅에서 공부한 axios라이브러리에서

마켓컬리를 클론하면서 느낀거는 마켓컬리는 캐러셀과 슬라이더 천국이다 👼🏻넘치는 패기로 라이브러리 없이 구현해보고 싶었다 하지만 슬라이더의 벽은 높았고... 친절한 다른 블로그를 보고 배웠다screenX, screenY사용자 모니터 화면을 기준으로 한 좌표를 표시사용