Category: React

2020
0
TILReact

React 스터디 19

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

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

0
TILReact

React Todo List V2

Todo Version 2기능 Todo 추가 Todo 삭제 Todo 체크 전체 Todos 완료 / 미완료 토글 체크된 Todos 삭제 체크된 Todos 카운팅 체크되지 않은 Todos 카운팅 탭에 따라 Todo 분류 (전체 Todo, 체크된 Todo, 체크되지 않은 Todo) Todo Version 2 구축하기 컴포넌트를 분류한다. 함수형 컴포넌트

0
TILReact

React 스터디 15

React Study 15 export 와 export default의 차이 React Hook 이어서 useCallback useMemo useEffect Hook 규칙 - 리액트 공식문서 참조 REACT-GRID-MINI 코딩 순서 코드 참고 용어 - ( 러버덕 ) useCallback useMemo useEffect Hook 규

0
TILReact

React 스터디 14

React Study 14 로그인/로그아웃 프로젝트 이어서… 각 라우터 역할 JWT 디코드 API 만들기 커스텀 라우터 만들기 백엔드에서 쿠키 뿌려주기 React Hook API useLayoutEffect createRef 와 useRef createRef vs useRef의 차이점 useEffect의 의존성 배열 useRef 와 us

0
TILReact

React Todo List V1

Todo Version 1기능 Todo 추가 Todo 삭제 Todo 체크 전체 Todos 완료 / 미완료 토글 체크된 Todos 삭제 체크된 Todos 카운팅 체크되지 않은 Todos 카운팅 탭에 따라 Todo 분류 (전체 Todo, 체크된 Todo, 체크되지 않은 Todo) Todo Version 1 구축하기 컴포넌트를 분류하지 않고, 하나의 파일

0
TILReact

React 스터디 13

React Study 13 JWT 기밀성, 무결성 이란? JWT 사용하기 JWT 생성 JWT 검증 (토큰 내부의 값을 확인할 수 잇다.) key 설정하기 JWT 디코드 그 외 추가 기술 : nonce 로그인 구현하기 user 커포넘트 만들기 api 추가하기 api 전체코드 쿠키 Set 설정 및 API 설정 쿠키 Get 설정 - 커스텀

2019
0
TILReact

React 스터디 12

React Study 12 예제 : 로그인 기능 만들기 새로운 프로젝트 생성 백엔드 추가 lib폴더 생성하고 Axios API 작성 해주기 SignUp 코드 작성 - input 유효성 검사하기 SignIn 코드 작성 - 쿠키 이용하기 쿠키 로컬스토리지 쿠키 vs 로컬스토리지 세션 토큰 기반 인증 방식 (JWT) 용어 - ( 러버덕 ) 쿠키