전체태그 보기

#hooks (21개의 포스트)

jungsw586

React Hooks - useState

2019년 12월 8일0개의 댓글
Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줍니다. 함수형 컴포넌트는 클래스형 컴포넌트와는 다르게 인스턴스가 생성되지 않아, 코...
jdd04026
부스트캠프 4기 과정을 참여중인, Node.js와 Docker를 좋아하는 주니어 개발자입니다. 이 글은 러닝커브가 높은 Redux를 도입하지 않기 위해 hooks로 Redux의 개념을 따라해본 과정을 담고 있습니다. 이 글 에 저희 프로젝트가 어떤 것을 하고있는지 담고 있습니다. 간단하게 어떤 프로젝트인지 살펴보시려면 위의 글을 읽어보시는 것을 추천합니...
mpruserk

React의 useEffect

2019년 12월 2일0개의 댓글
useEffect가 단순히 React의 lifecycle을 대체하기 위한 기능의 메소드는 아니지만 단순히 function components에서 lifecycle을 구현하기 위해 useEffect를 사용할 경우를 위해 케이스를 정리한 글입니다. 1. 마운트되었을 때 그리고 리렌더링되었을 때
RecoFashion - 완성 및 시뮬레이션
dvmflstm

RecoFashion - 완성 및 시뮬레이션

2019년 12월 2일0개의 댓글
github url https://github.com/BaekGeunYoung/recofashion-client (client) https://github.com/BaekGeunYoung/recofashion-server (server) 목표 서비스 패션 코디 추천 서비스 기능 매일 데일리 코디를 추천해준다. - 배색 조합 관련 이론을 참고해...
Custom Hooks - usePending
sobok1414

Custom Hooks - usePending

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

React를 Hooks 날려보자(1)

2019년 10월 31일0개의 댓글
react v16.8 부터 추가사항으로 새로운 개념과 실용적인 접근이 가능한 것인데, class없이 componet에서 state와 lifecycle 메소드를 사용할 수 있도록 도와주는 것이다. 이러한 특징은 react 생태계에서 모두 이익이 되게 한다. 프론트 엔드 개발자로 모바일 앱을 react-native를 쓰든 말든 간에, 작업 환경에서 hooks...
honeysuckle
MobX와 React Hooks를 조합하려고 하면 mobx-react-lite를 자연스럽게 접하게 됩니다. 그러나, 기존의 모든 기능이 구현되어 있지는 않아서 직접 구현을 하셔야 합니다. 예를 들면, 외부에 스토어를 생성하고 사용할때, 리액트에 안에서 사용할 수 있도록 해주는 inject나 Provider를 제공하지 않습니다. Hooks로 코드를 작성...
타입스크립트로 리액트 Hooks 사용하기 (useState, useReducer, useRef)
velopert
이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 `useState` 및 `useReducer` 를 사용하여 컴포넌트의 상태를 관리하는 방법과 `useRef` 를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM 을 이용하는 방법에 대해서 알아보겠습니다.
오늘 할일...
kjs100184

오늘 할일...

2019년 7월 6일0개의 댓글
무조건 끝낸다..... 썸네일은 먹고 싶은 탕수육으로.. React Hooks 문서 몇개 읽고 반해버려서.... 간단하겠지..(?) 1. 기존에 작성했던 코드 = react hooks로 변경(+ mobx-react-lite 사용) 2. mongodb 데이터 모델링하기
jeonghoheo
React hooks image Part1에서는 Hook을 통해 Class가 아닌 function(함수)만으로 state를 생성하고 갱신하는 방법을 알아보았습니다. 그러나 우리는 그것을 넘어서 state의 라이프 사이클을 다루고 싶습니다. 그것을 위해 우리는 Effect Hook에 대해 알아보겠습니다. 자 우선 기존에 Class를 통해 라이프 사이클을 ...
jeonghoheo
React hooks image Hook은 React 버전 16.8에 새로 추가되었습니다. Hook를 이용하여 Class를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 우리가 리액트에서 state에 라이프 사이클을 다루기위해서 Clsss를 사용한는것은 필연적이 였습니다. 이제 우리는 Hook을 사용해 Class없이 함수만으...
useEffect에 대한 짧은 가이드
jepjap93

useEffect에 대한 짧은 가이드

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

react-redux 에서 Hooks 사용하기

2019년 4월 27일15개의 댓글
리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다.
React 강좌) trendy React 2-5. useReducer 알아보기
public_danuel
React Hooks의 고급 API 중 일부인 useReducer를 알아봅니다.
React 강좌) trendy React 2-4. useMemo 알아보기
public_danuel
퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.
React 강좌) trendy React 2-3. useRef 알아보기
public_danuel
Ref와 React Hooks의 기본 API 중 하나인 useRef를 알아봅니다.
React 강좌) trendy React 2-2. Custom Hooks 알아보기
public_danuel
React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.
React 강좌) trendy React 2-1. React Hooks 기본-하
public_danuel
useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.
React 강좌) trendy React 2-0. React Hooks 기본-상
public_danuel
상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.
dongwon2
hooks 원본 글 Hooks는 React 16.8 버전에 새로 추가되었습니다. Hooks는 여러분이 class를 사용할 필요 없이 state와 React의 특징들을 사용할 수 있게 합니다. useState는 우리가 Hooks에 대해 처음으로 배우게 될 함수입니다. 그러나 이 예제는 티져에 불과합니다. 아직 이해가 안 되어도 걱정하지 마세요! 당신...