TIL

[TIL] 20211213 http.interceptors.request.use/ next.js/ react-table/..

자바칩 프라푸치노 2021. 12. 14. 10:24

1. http.interceptors.request.use

라는 코드를 알게 되었다.

https://velog.io/@skyepodium/axios-인터셉터로-API-관리하기

https://third9.github.io/posts/Axios다양하게_활용하기-interceptor/

https://hydev.tistory.com/3

https://velog.io/@subanggu/axios-interceptor-적용하기

 

axios interceptor 적용하기

interceptor를 왜 적용했냐? 답은 바로 귀찮아서!!!!!!!!!!!!!!! 게다가 연구 초창기에 테스트를 위해서 주먹구구 사용하던 코드로 계속 개발을 진행하다 보니 아래와 같은 문제점이 있었음! 1) api 호출

velog.io

 

 

 

2. next.js 가 뭘까?

https://kyounghwan01.github.io/blog/React/next/basic/#document-tsx

 

next.js 기본 개념 알아보기

next.js 기본 개념 알아보기, react, seo, ssr

kyounghwan01.github.io

 

 

 

3. 깃허브에서 파일명을 대문자 소문자로만 바꾸면 레포에 반영이 안된다.

https://velog.io/@zansol/Git-대소문자-변경-후-github-repo반영하기

 

[Git] 대소문자 변경 후 github repo반영하기

문제 나의 github repogitories를 정리하던 중 vscode에서 폴더의 이름을 소문자에서 대문자로 변경하였다. 그리고 push를 했더니 vscode에서는 대문자인데, repo에서는 전-혀 반영이 되어있지않았다. 그렇

velog.io

 

 

 

4. document.cookie

https://developer.mozilla.org/ko/docs/Web/API/Document/cookie

 

Document.cookie - Web API | MDN

 Document cookie 는 document와 연관된 cookies 를 읽고 쓸 수 있게 해준다. 쿠키의 실제값에 대한 getter 와 setter로 작동한다.

developer.mozilla.org

 

 

 

5. react hook form yup

https://velog.io/@kyungjune/react-hook-form으로-회원가입-적용해보기

 

react-hook-form으로 회원가입 적용해보기

3개의 다른 라이브러리를 사용예정이다.1.input태그의 name과 똑같은 이름으로 schema를 만든다.2.각 요구조건에 맞게 설정후 마지막에는 required()를 적는다.필요한 register,handleSubmit,formState를 작성하

velog.io

 

validationShema에서 하나라도 없으면 form에서 submit이 안찍힌다.

 

 

6. 재사용 가능한 react-table

https://velog.io/@kyungjune/react-hook-form으로-회원가입-적용해보기

 

react-hook-form으로 회원가입 적용해보기

3개의 다른 라이브러리를 사용예정이다.1.input태그의 name과 똑같은 이름으로 schema를 만든다.2.각 요구조건에 맞게 설정후 마지막에는 required()를 적는다.필요한 register,handleSubmit,formState를 작성하

velog.io

 

 

 

7. react-query refetch

https://stackoverflow.com/questions/62340697/react-query-how-to-usequery-when-button-is-clicked

 

React-Query: How to useQuery when button is clicked

I am new to this react-query library. I know that when I want to fetch data, with this library I can do something like this: const fetchData = async()=>{...} // it starts fetching data from

stackoverflow.com

 

728x90