Tag: coding

2020
0
DevelopGraphQL

GraphQL Schema, Type

Graph QL - SCHEMAS & TYPES - SCHEMAS & TYPES 타입 시스템 Type system 타입 언어 Type Language 객체 타입과 필드 인자 Arguments 쿼리 타입 & 뮤테이션 타입 The Query and Mutation Types 스칼라 타입 Scalar Types 열거형 타입 Enumera

0
DevelopGraphQL

GraphQL Query, Mutation

Graph QL - QUERY , MUTATION - QUERY , MUTATION 필드 Fields 인자 Arguments 별칭 Aliases 프래그먼트 Fragments 프래그먼트 내에서 변수 사용하기 Using variables inside fragments 작업 이름 Operation name 변수 Variables 변수 정의 Variabl

0
TILReact-Preview

커스텀 Hooks 만들기

React with Velopert - 19 - 커스텀 Hooks 만들기 폴더 및 파일 생성 커스텀 Hook 만들기 - useInputs.js useCallback 복습 커스텀 Hook 불러오기 - App.js 커스텀 Hook에서 Reducer 사용하기 - useInputs.js Chap 19. 커스텀 Hooks 만들기커스텀 Hooks 만

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