시리즈

Libraries

1.함수 재사용하기

함수를 미리 만들어놓고 가져와서 사용하는 방법

2022년 3월 23일

2.새로 고침 함수를 이용해서 좋아요 구현하기

새로 고침 함수, 좋아요 기능 구현

2022년 3월 20일

3.React hook form의 watch를 이용해서 입력 여부 확인하기

react hook form, useform 활용, watch와 getValues의 차이

2022년 3월 21일

4.[react-daum-postcode] 모달 안에 주소 라이브러리 사용하기

주소 라이브러리, 모달 새로 만드는 방법, 모달 숨겼다가 나타내는 방법

2022년 3월 29일

5.[Ant Design] Antd 컴포넌트에 emotion 적용하기

React의 유명한 라이브러리, Ant Design 사용 방법, 라이브러리에 style 지정하는 방법

2022년 3월 28일

6.[react-slick] carousel / 배너 만들기

carousel 배너 만들기 위한 라이브러리 react-slick 설치 방법, 사용 방법

2022년 4월 2일

7.재사용 가능한 Pagination 컴포넌트 만들기

refetch, 페이지네이션 구현 방법, 구현 코드

2022년 4월 2일

8.별점 만들기

라이브러리를 쓰지 않고 직접 구현한 댓글 별점 기능

2022년 4월 2일

9.[react-infinite-scroller] 무한스크롤 적용하기

infinite scroll, fetchMore, UpdateQuery

2022년 4월 3일

10.[react-player] 유튜브 라이브러리

유튜브 연동하기

2022년 4월 3일

11.날짜의 포맷을 바꿔주는 함수 만들기

Date 객체 설명, 활용

2022년 4월 3일

12.[uuid] 고유한 아이디를 만들어주는 라이브러리

\[uuid Docs]설치yarn add uuidyarn add --dev @types/uuidimportimport { v4 as uuidv4 } from 'uuid';사용uuidv4()v4로 쓰면 뭔지 알아보기 어려우니까 uuidv4로 사용

2022년 4월 7일

13.[search] 버튼을 눌러서 검색하기

fetch 쿼리에 입력값으로 serch할 값을 추가한다.search할 값을 담을 state를 만든다.refetch를 사용할 수 있게 추가한다.검색 버튼을 누르면 refetch를 실행한다.

2022년 4월 10일

14.[lodash] 버튼 없이 자동으로 검색하기 & 키워드 표시

연관 내용\[debouncing]\[버튼 눌러서 검색하기]검색 하기 버튼을 누르지 않아도 자동으로 검색이 되도록 하려면,검색창의 onChange 함수가 실행될 때 refetch가 일어나면 된다.하나하나 입력할 때마다 refetch가 일어나면 무수히 많은 요청이 가서 서

2022년 4월 10일