# hooks

24개의 포스트

React hooks

구성app.js사용

5일 전
·
0개의 댓글

Hooks

(수정중) useCallback() const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b], ); 인라인 콜백과 그것의 의존성 값의 배열을 전달하세요. useCallback은 콜백의 메모이제이션된 버전을 반환할 것입니다. 그 메모이제이션된 버전은 콜백의 의존성...

2020년 1월 6일
·
0개의 댓글
post-thumbnail

React Hooks?

Hooks는 class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 리액트 홈페이지에서는 hook을 아래와 같이 설명하고 있습니다. 1. State Hook 위의 코드에서 useState가 hook입니다. 위와 같이 hook은 함수형 컴포넌트에서 state를 사용할 수 있도록 해줍니다. 하나의 함수형 컴포넌트에서 여러...

2019년 12월 18일
·
0개의 댓글

React Hooks - useState

Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줍니다. 함수형 컴포넌트는 클래스형 컴포넌트와는 다르게 인스턴스가 생성되지 않아, 코...

2019년 12월 8일
·
0개의 댓글

React Hooks API로 Redux Global Store 따라해보기

부스트캠프 4기 과정을 참여중인, Node.js와 Docker를 좋아하는 주니어 개발자입니다. 이 글은 러닝커브가 높은 Redux를 도입하지 않기 위해 hooks로 Redux의 개념을 따라해본 과정을 담고 있습니다. > 이 글 에 저희 프로젝트가 어떤 것을 하고있는지 담고 있습니다. 간단하게 어떤 프로젝트인지 살펴보시려면 위의 글을 읽어보시는 것을 추천합니...

2019년 12월 7일
·
2개의 댓글

React의 useEffect

useEffect가 단순히 React의 lifecycle을 대체하기 위한 기능의 메소드는 아니지만 단순히 function components에서 lifecycle을 구현하기 위해 useEffect를 사용할 경우를 위해 케이스를 정리한 글입니다. 1. 마운트되었을 때 그리고 리렌더링되었을 때 2. 마운트되었을 때 (=== componentDidMount)...

2019년 12월 2일
·
0개의 댓글
post-thumbnail

RecoFashion - 완성 및 시뮬레이션

github url https://github.com/BaekGeunYoung/recofashion-client (client) https://github.com/BaekGeunYoung/recofashion-server (server) 목표 서비스 패션 코디 추천 서비스 기능 매일 데일리 코디를 추천해준다. 배색 조합 관련 이론을 참고해 사용자에게 상...

2019년 12월 2일
·
0개의 댓글
post-thumbnail

Custom Hooks - usePending

만들게 된 계기.... - 저는 회사에서 Mobx를 사용해 개발을 하면서 항상 Store에서 isLoading 이라고 변수를 하나 만들어 데이터 get, post 등 비동기 함수를 사용 할 때 썼습니다... 하지만 항상 이렇게 쓸 때 마다 너무 비효율적인거 같고 어쩔때는 작동을 하지 않은적도 꽤 있었습니다. 그래서 계속 고민하고.. 검색해보고.. 하다가 딱...

2019년 11월 12일
·
4개의 댓글

React를 Hooks 날려보자(1)

react v16.8 부터 추가사항으로 새로운 개념과 실용적인 접근이 가능한 것인데, class없이 componet에서 state와 lifecycle 메소드를 사용할 수 있도록 도와주는 것이다. 이러한 특징은 react 생태계에서 모두 이익이 되게 한다. 프론트 엔드 개발자로 모바일 앱을 react-native를 쓰든 말든 간에, 작업 환경에서 hooks...

2019년 10월 31일
·
0개의 댓글

MobX를 React Hooks (TypeScript) 와 함께 사용하는방법

MobX와 React Hooks를 조합하려고 하면 mobx-react-lite를 자연스럽게 접하게 됩니다. 그러나, 기존의 모든 기능이 구현되어 있지는 않아서 직접 구현을 하셔야 합니다. 예를 들면, 외부에 스토어를 생성하고 사용할때, 리액트에 안에서 사용할 수 있도록 해주는 inject나 Provider를 제공하지 않습니다. Hooks로 코드를 작성...

2019년 10월 6일
·
0개의 댓글
post-thumbnail

타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)

이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 `useState` 및 `useReducer` 를 사용하여 컴포넌트의 상태를 관리하는 방법과 `useRef` 를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM 을 이용하는 방법에 대해서 알아보겠습니다.

2019년 9월 27일
·
7개의 댓글
post-thumbnail

오늘 할일...

무조건 끝낸다..... 썸네일은 먹고 싶은 탕수육으로.. React Hooks 문서 몇개 읽고 반해버려서.... 간단하겠지..(?) 기존에 작성했던 코드 => react hooks로 변경(+ mobx-react-lite 사용) mongodb 데이터 모델링하기

2019년 7월 6일
·
0개의 댓글

React Hooks(리액트 훅스!)의 기본 Part 2

React hooks image Part1에서는 Hook을 통해 Class가 아닌 function(함수)만으로 state를 생성하고 갱신하는 방법을 알아보았습니다. 그러나 우리는 그것을 넘어서 state의 라이프 사이클을 다루고 싶습니다. 그것을 위해 우리는 Effect Hook에 대해 알아보겠습니다. 자 우선 기존에 Class를 통해 라이프 사이클을 ...

2019년 7월 5일
·
2개의 댓글

React Hooks(리액트 훅스!)의 기본 Part 1

React hooks image Hook은 React 버전 16.8에 새로 추가되었습니다. Hook를 이용하여 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 우리가 리액트에서 state에 라이프 사이클을 다루기위해서 Clsss를 사용한는것은 필연적이 였습니다. 이제 우리는 Hook을 사용해 Class없이 함수만으...

2019년 7월 4일
·
0개의 댓글
post-thumbnail

useEffect에 대한 짧은 가이드

들어가기 전에 이 글은 useEffect API에 대해 어느정도 익숙한 독자를 위한 글입니다. 그리고 오역과 의역이 많을 수 있으니 이상하다 싶은 부분은 원래 문서를 참고해주시기 바랍니다. A Complete Guide to useEffect - Dan Abramov 에서 정보를 얻어 번역하였습니다. I got information from here an...

2019년 5월 13일
·
1개의 댓글
post-thumbnail

react-redux 에서 Hooks 사용하기

리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다.

2019년 4월 27일
·
15개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
3개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
1개의 댓글