# hook

66개의 포스트
post-thumbnail

클래스 컴포넌트 vs 함수 컴포넌트

클래스 컴포넌트 vs 함수 컴포넌트

4일 전
·
0개의 댓글
post-thumbnail

React Hook!

Deep dive: How do React hooks really work?

5일 전
·
0개의 댓글

useLayoutEffect Hooks

RN 토이 프로젝트 구성중 알게 된 "useLayoutEffect" hook리액트 공식문서에서는 아래와 같이 설명한다.이 함수의 시그니처는 useEffect와 동일하긴 한데, 모든 DOM 변경 후에 동기적으로 발생합니다. 이것은 DOM에서 레이아웃을 읽고 동기적으로 리

2021년 1월 13일
·
0개의 댓글
post-thumbnail

렌더리스 Vue.js 라이프사이클 Hook 컴포넌트

Markus Oberlehner의 <향상된 Vue.js 어플리케이션 아키텍쳐 설계하기>의 세번째 포스팅

2021년 1월 11일
·
0개의 댓글

[React] About Hook

goal근데 Hook이 뭔가요?Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 Re

2021년 1월 11일
·
0개의 댓글

pagenation

이번 프로젝트에서 마지막날 급하게 만들어낸 페이지인 액티비티 페이지...여기서 기능은 페이지네이션/필터링된 데이터 각각받아오기였다.우선 limit을 20을 줘서 각각의 페이지에서 20개의 상품 카드가 나오게 설정하였다처음에는 const userOrder, setUser

2021년 1월 10일
·
0개의 댓글

2차 프로젝트를 마치며

링크텍스트클론코딩 동영상 녹화FRONT-END(react)김영재, 김규빈FRONT-END(react-native)박채훈, 한준희BACK-END김원희(PM), 이현주우선 웹페이지 프론트엔드 개발자로 저와 규빈님 딱 둘인점에서 살짝 걱정은 됬지만 오히려 둘이서 하다보니 정

2021년 1월 10일
·
10개의 댓글
post-thumbnail

#4 Today I Learned - 21.01.08

react : 기초 복습 ❗️ react : useCallback, useMemo

2021년 1월 9일
·
0개의 댓글
post-thumbnail

React - Hook에서 setInterval setTimeout을 현명하게 사용하는 방법

Function Component에서 Hook을 이용하여 state 관리를 진행한다.이때 Vanila Javascript처럼 setInerval()을 받는 함수를 설정하고 특정 조건이 되면 해제하는 형식은 원하는 대로 동작이 이루어지지 않는다.위와 같이 작성하면, 계속

2021년 1월 9일
·
0개의 댓글

[프로젝트 회고] React/ Django SPA Website: #1. Hook

함수형 컴포넌트의 Hook에 대해서 알아봅니다.

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

[프로젝트 회고] React / Django SPA Website

React / Django SPA 웹사이트를 개발하며 겪었던 어려움을 극복해 봅시다.

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

[React] Hook 양식(form) 적용하기

기본적으로 하나의 &lt;form/> 여러 개의 &lt;input/>, &lt;select/>, &lt;textarea/>으로 구성된다. 사용자가 입력해야 값이 많아질수록 양식은 내부적으로 많은 상태를 가지게 되고 그에 따라 컴포넌트의 복잡해진다. 과거에는 컴포넌트의

2021년 1월 3일
·
0개의 댓글

클래스형 vs 함수형

2차 프로젝트가 시작되면서 함수형 컴퍼넌트 클래스형 컴퍼넌트 두개중 하나를 사용하라했다.저는 이번에 함수형 컴퍼넌트에 대해서 공부할 수 있는 좋은기회라 생각됬기 때문에 이번프로젝트는 함수형으로 진행하기로 하였다.2019년도 부터 리액트 훅(hook)을 지원하게 되었다.

2021년 1월 3일
·
0개의 댓글
post-thumbnail

[React] useEffect 무한루프 탈출하는 방법

기존에 클래스형 컴포넌트 방식으로 짠 코드를 함수형 컴포넌트로 변환을 했는데, 특정 컴포넌트만 클릭하면 미친듯이 렌더가 일어나 브라우저가 다운되는 현상을 겪었다. 알고 보니 componentDidMount를 대체하는 함수인 useEffect 에서 무한루프가 일어난 것이

2021년 1월 3일
·
0개의 댓글
post-thumbnail

TIL 90 | useRef로 글줄에 따라 인풋박스의 높이 바꾸기

일반적인 메신저나 댓글에서는 입력한 내용의 길이에 따라 인풋 상자의 크기가 변하는 것을 볼 수 있다. useRef로 간단하게 위 기능을 구현해보자.

2020년 12월 16일
·
0개의 댓글

#30. React | Hook

Hooks? > Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into) 할 수 있게 해주는 함수입니다. Built-in Hooks의 핵심적인 역할을 하고 있는 2가지 useState, useEffect에 대해서 알아보겠습니다.

2020년 12월 13일
·
0개의 댓글
post-thumbnail

React - hook이란

https&#x3A;//ko.reactjs.org/docs/hooks-overview.htmlHook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다.Hook은 cl

2020년 11월 29일
·
0개의 댓글
post-thumbnail

React - hook

https&#x3A;//ko.reactjs.org/docs/hooks-intro.htmlclass 컴포넌트와 function 컴포넌트(hooks)의 모양은 다음과 같은 차이가 있다.둘 다 count를 1씩 증가시키는 컴포넌트이다.classical React는 컴포넌트가

2020년 11월 26일
·
0개의 댓글
post-thumbnail

[React] Hooks

Hook은 React 16.8에 새로 추가된 기능입니다. Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. Hook을 사용하면 컴포넌트로부터 상태 관련 로직을 추상화할 수 있습니다. 이것은 독립적인 테스트와 재사

2020년 11월 10일
·
0개의 댓글

useMemo, useCallback, React.memo

useMemo와 useCallback은 이전 값을 기억해서 성능을 최적화하는 용도로 사용된다.useMemo 훅은 계산량이 많은 함수의 반환값을 재활용하는 용도로 사용된다.useMemo 훅의 첫 번째 매개변수로 함수를 입력한다. useMemo 훅은 이 함수가 반환한 값을

2020년 11월 9일
·
0개의 댓글