함수를 미리 만들어놓고 가져와서 사용하는 방법
새로 고침 함수, 좋아요 기능 구현
react hook form, useform 활용, watch와 getValues의 차이
주소 라이브러리, 모달 새로 만드는 방법, 모달 숨겼다가 나타내는 방법
React의 유명한 라이브러리, Ant Design 사용 방법, 라이브러리에 style 지정하는 방법
carousel 배너 만들기 위한 라이브러리 react-slick 설치 방법, 사용 방법
refetch, 페이지네이션 구현 방법, 구현 코드
라이브러리를 쓰지 않고 직접 구현한 댓글 별점 기능
infinite scroll, fetchMore, UpdateQuery
유튜브 연동하기
Date 객체 설명, 활용
\[uuid Docs]설치yarn add uuidyarn add --dev @types/uuidimportimport { v4 as uuidv4 } from 'uuid';사용uuidv4()v4로 쓰면 뭔지 알아보기 어려우니까 uuidv4로 사용
fetch 쿼리에 입력값으로 serch할 값을 추가한다.search할 값을 담을 state를 만든다.refetch를 사용할 수 있게 추가한다.검색 버튼을 누르면 refetch를 실행한다.
연관 내용\[debouncing]\[버튼 눌러서 검색하기]검색 하기 버튼을 누르지 않아도 자동으로 검색이 되도록 하려면,검색창의 onChange 함수가 실행될 때 refetch가 일어나면 된다.하나하나 입력할 때마다 refetch가 일어나면 무수히 많은 요청이 가서 서
LazyLoad, PreLoad, image 관련 라이브러리
react-datepicker에 비해 디자인을 넣기는 편했지만,월과 연도 selectbox 위치 바꾸는 것과 안의 내용 바꾸기(5월 -> 05) 실패!!!!ㅠ\_ㅠ\_app.tsxdata-range-picker.cssdataRangePicker.tsx
react-datepicker로 커스텀 성공ㅎ\_ㅎREADME테스트 코드DatePicker.tsxDatePicker.css\_app.tsx -> css 연결
Github Chart, GitHub Contributions Calendar, ReactTooltip
react-github-calendar 에러 핸들링
oembed, 트위터의 트윗 동적으로 임베드하기
oembed, 인스타그램 동적으로 임베드하기