post-thumbnail

<React> 로딩스피너

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

약 3시간 전
·
0개의 댓글
·
post-thumbnail

<React> redux middleware

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

<React> redux

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

<React> react-moment 라이브러리

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

2022년 12월 17일
·
0개의 댓글
·
post-thumbnail

'React' must be in scope when using JSX

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

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

<JS>class

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

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

<TS> tsconfig.json

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

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

<TS>typescript 더 심화

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

<React,TS> 클래스 컴포넌트

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

<React> 배포하기

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

<TS>Typescript 설치와 기초

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

<React> CRUD

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

<React>커스텀훅

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

<React> useSearchParms

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

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

<React> 쿼리로 fetch 받아오기

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

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

<React> fetch한번에 여러개받기

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

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

<React> drag slider

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

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

<React> 다크모드 구현하기

2022년 11월 17일
·
0개의 댓글
·