Take notes(backend03 , example)

Rest-API , GRAPHQL-API , API , HTTP , 바인딩, state , 함수형or클래스형 컴포넌트 , node_modules폴더가 깃에 안올라가는 이유..

GRAPHQL-API을 이용하여 게시물 등록해보기 , 에러났을때 체크하는방법

Static,Dynamic 라우팅 , 옵셔널 체이닝 , 조건부 렌더링 , try,catch

에러가 났었던 원인들과 , 리패치쿼리에 대한 설명

조건부렌더링 , 폴더 구조 체계화 , export , state동작원리

package.json파일 , 배열 메서드(Map, Filter) , Mapping할때 key값 주는 이유 , refetchQueries

컴포넌트 재활용하기 , 조건부 렌더링 , 배열메서드(new Array , fill ), isNaN

defaultValue , Typescript , codegen , esLint , prettier , husky..

Early Exit Pattern , 각각의 요소에 조건부렌더링 걸기 , input tag의 readOnly속성 , antD , Material UI , npm라이브러리 사용해보기

내가 입력한 유튜브url이 리액트 플레이어 라이브러리에 적용되어서 화면에 내가 입력한 유튜브 url의 동영상이 보이게 하기

backend03의 좋아요 , 싫어요 api를 활용

antD의 rate 라이브러리 설명, 활용해보기

confirm 과 prompt의 차이 설명

react-daum-postcode 라이브러리와 모달을 활용해서 주소창 띄어보기, Modal속성에 대해 설명, prev를 활용한 리팩토링 , 에러던지기

이전의 값을 뜻하는 prev에 대해서 설명, 활용하기

공통적으로 사용해야할 레이아웃 구성해보기

router의 속성중에 pathname을 활용해 컴포넌트 조건에따라 숨겨보기

Global 하게 style 과 font 적용시켜보기

데이터를 받아오는 과정, 데이터를 업데이트 하는 방법을 설명 해놓음

클래스형 컴포넌트를 쓰는방식에 대해서 설명해놨음

라이프사이클과 useEffect에 관해서 설명

useRef에대해서 설명해놨음

rest-api와 useEffect를 이용해 이미지를 불러오는거 기능구현 , GRAPHQL API vs REST-API

PromiseAll 설명, PromiseAll 하고 안하고 시간차이 설명

fileReader를 이용해서 데이터 처리해보기

new Image와 appendChild 이용해서 이미지 올려보기

refetch와 search를 이용해 fetchBoards를 수정해서 검색버튼을 눌렀을때 내가 입력한 검색어만 화면에 보이게 하기

디바운싱을 통해서 효율적으로 데이터 요청하기

내가 입력한 키워드가 페이지 네이션 할때도 적용되게 하기

객체로 프롭스 전달하는방법

Context API를 통해서 props를 쓰지 않고 데이터를 넘겨주고 넘겨받는걸 설명

Context API 사용법

JWT , 토큰 , 요청&응답 헤더 , 서버사이드렌더링 설명

HOC 와 HOF 설명

HOC를 이용해 권한분기를 했을때 나 스스로 해결 못하고 멘토님의 도움을 받은 내용을 정리함

제어 컴포넌트와 비 제어 컴포넌트 , React-Hook-form 라이브러리에 대한 설명과 React-Hook-form 설치 방법 그리고 사용 방법에 대해서 설명

yup 라이브러리 설치방법 , 쓰는방법 설명

공통 컴포넌트 설명

refreshToken을 통해서 토큰이 만료되었을때 어떻게 accessToken이 갱신되는지 설명 , 그리고 코드로 구현한거 설명

use apollo client

아폴로 캐쉬 스테이트 설명

장바구니에 담기 구현 설명

해킹의 위험성을 없앤상태로 React-Quill 에디터 라이브러리를 쓰는 방법을 설명

kakao map api를 사용해보기(1)

routed 페이지에서 카카오 맵 정상적으로 받아와보기

GCP(Google Cloud Platform) 세팅

GCP2