Category: TIL

2020
0
TILReact-Preview

React.memo 를 사용한 컴포넌트 리렌더링 방지

React with Velopert - 17 - React.memo 를 사용한 컴포넌트 리렌더링 방지 CreateUser.js UserList.js 함수형 업데이트 기본 파라미터 방식 함수형 업데이트 방식 App.js Chap 17. React.memo 를 사용한 컴포넌트 리렌더링 방지 컴포넌트의 props 가 바뀌지 않았다면, 리렌더링을

0
TILReact-Preview

useCallback 을 사용하여 함수 재사용하기

React with Velopert - 16 - useCallback 을 사용하여 함수 재사용하기 useCallback 사용 규칙 주의 할 점 App.js Chap 16. useCallback 을 사용하여 함수 재사용하기useCallback 을 사용하여 함수 재사용하기 useMemo 는 특정 결과 값을 재사용 할 때 사용하는 반면, use

0
TILReact-Preview

useMemo 연산한 값 재사용하기

React with Velopert - 15 - useMemo 연산한 값 재사용하기 useMemo 사용 규칙 App.js useMemo 사용하기 App.js 전체 코드 Chap 15. useMemo 연산한 값 재사용하기useMemo 연산한 값 재사용하기 성능 최적화를 위하여 연산된 값을 useMemo라는 Hook 을 사용하여 재사용하는

0
TILReact

React 스터디 19

React Study 19 Graphql 프로젝트 (인스타그램) 백엔드 초기설정하기 (백엔드) 프론트 설정 Graphql 프로젝트 (파일 업로드) 백엔드 서버 프론트 Apollo X GraphQL 초기설정 해주기 (프론트) 업로드 해주는 컴포넌트(FileUpload)를 작성한다. 뮤테이션 작성 드래그 부분 작성 쿼리 작성 드래그 혹은 파일이 백엔드

0
TILReact-Preview

배열에 항목 수정하기

React with Velopert - 13 - 배열에 항목 수정하기 예제 : User 컴포넌트에 계정명을 클릭했을 때 색상 바꾸기 App.js UserList.js Chap 13. 배열에 항목 수정하기배열에 항목 수정하기 예제 : User 컴포넌트에 계정명을 클릭했을 때 색상 바꾸기 App.jsonToggle 함수를 만들어서 p

0
TILReact

React 스터디 18

React Study 18 GraphQL 미니 프로젝트 백엔드 Resolver (middle-ware) input 키워드 프론트 mutation 작성 (src/graphql/mutation.js) Query 작성 (src/graphql/queries.js) 데이터 요청 - 컴포넌트방식(클래스기반) ‘npm i react-apollo’ < Q

0
TILReact

React 스터디 17

React Study 17 React 순서 되짚어 보기 GraphQL 필드 필드 - 객체 참조 aliases Fragments QUERY 와 MUTATION 오브젝트 타입과 필드 리스트 내부 필수 리스트 외부 필수 스칼라 타입 enumeration types interfaces ApolloQL을 사용한 GraphQL 실습 GraphQL을 활용 할 수

0
TILReact

React 스터디 16

React Study 16 가위 바위 보 미니 게임 만들기 Ver1. 기본 프로젝트 구성하기. 개요 : 가위 바위 보 게임, Rock Paper Scissors State 생성 및 이벤트 생성해주기. User가 선택한 수(가위, 바위, 보) 값 설정해주기. Computer에게 Random 값 설정해주기. 승리자 결정하기 ( useEffect ) Ve