Tag: coding

2020
0
DevelopProject

GitHub Commit 독려 애플리케이션 ver.React

Carrot And Stick Ver.React해커톤 주제 기존 Vanila JS로 제작된 Carrot And Stick를 리액트로 리펙토링 + 로그인/로그아웃 구현 1. 팀 소개 팀명 : 채찍과 당근 팀장 : 김준혁 팀원 : 정다희 2. 팀 주제Git Commit 수에 따른 캐릭터 표정 변화 어플리케이션 입니다. 사용자의 학습 욕구를 도

0
TILReact

ReactStudy-10

React Re-Study : 10 SPA 프로젝트 배포 이해하기 serve 패키지로 React Wep App 배포하기 AWS S3 버킷 에 React Wep App 배포하기 node.js express로 React Wep App 배포하기 NginX 서버사이드 렌더링 이해하기 Optimizing Performance React Study with

0
TILReact

ReactStudy-09

React Re-Study : 9 Unit Test facebook/jest jest 3가지 문법 it (= test), describe, expect .not.to jest는 기본으로 한 테스트가 5초로 설정되어 있다. react-component-test 실습 컴포넌트 테스트 짜보기 Button 컴포넌트 enzyme 컨테이너 테스트

0
TILReact

ReactStudy-08

React Re-Study : 8 Ducks Pattern 규칙 connect with hooks 기존방식 -> src/containers/BooksContainer.jsx Hooks방식 -> src/containers/BooksContainer.jsx react-router와 redux함께 쓰기 redux-saga 제너레이터 re

0
TILReact

ReactStudy-07

React Re-Study : 7 시작하기 앞서 정리하기 프리젠테이셜 컴포넌트 와 컨테이너 컴포넌트 프리젠테이셔널 컴포넌트 컨테이너 컴포넌트 이 구조의 장점 어떤걸 컨테이너로 만들어야할까? Async Action with Redux 비동기 처리를 위한 액션 추가 및 dispatch (예시) 리덕스 미들웨어 미들웨어 만들어보기 Redux Dev

0
TILReact

다시 공부하는 React -06-

React Re-Study : 6 Flux 문제점 해결책 Redux 개요 Redux 만들기 Action - 액션 액션 생성자 리덕스의 액션은 어떤 일을 하는가? 액션의 준비과정 Reducer - 리듀서 createStore - 스토어를 만드는 함수 store 사용법 로직을 추가하기 action을 정의 action 생성자를 생성

0
TILReact

다시 공부하는 React -05-

React Re-Study : 5 클래스형 컴포넌트의 단점 Basic Hooks useState useEffect 의존성 배열과 cleanup 의존성 배열을 안쓰고 인자 받기 Custom Hooks useHasMounted vs withHasMounted HOC Hook Additional Hooks - 추가 훅 useReducer useMe

0
DevelopTypeScript

타입 스크립트 [02]

TypeScript - 02 -목차 JavaScript Class 클래스 vs 생성자함수 JS 클래스는 문법적 설탕이 아닌 이유 JS 클래스의 단점 TypeScript 클래스 JS 클래스 → TS 클래스 접근 제한자 생성자 파라미터(매개변수)에 접근 제한자 선언 readonly 키워드 추상 클래스 추상 메소드란? TS 인터페이스 변수와 인터페이스

0
DevelopTypeScript

타입 스크립트 [01]

TypeScript - 01 -목차 동적 타입 언어 vs 정적 타입 언어 자바스크립트의 특징 자바스크립트의 배열 타입스크립트 타입스크립트 설치 타입스크립트 타입 타입 추론 동적 타입 언어 vs 정적 타입 언어 JavaScript는 동적 타입 언어이다. 변수에는 타입이 없고 값이 할당되면 타입 추론으로 타입이 정해진다. 재할당이 가능한 경우,

0
TILReact-Preview

Immer를 사용한 더 쉬운 불변성 관리

React with Velopert - 21 - Immer 불변성의 예 Immer 미사용의 경우, Immer 사용의 경우, Immer 기본 사용법 리듀서에서 Immer 사용하기 Immer 와 함수형 업데이트 Chap 21. Immer를 사용한 더 쉬운 불변성 관리Immer 리액트에서는 배열이나 객체를 업데이트 해야 할 때에는 직접 수정하면