# hooks

261개의 포스트
post-thumbnail

React 1 Depth Inside

React Deep Inside

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

Context API 사용법

1. Context 파일 만들기 2. Provider 파일 만들기 3. 최상위 컴포넌트 감싸기 4. 가져오기

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

[React] 함수형 컴포넌트의 장바구니 기능

현재 나의 몸엔 프로바이오틱스가 필요해.. 💊

4일 전
·
0개의 댓글

Hooks

useState, useEffect

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

[React] Function Components와 hooks

함수형 컴포넌트와 hook이 어떻게 구현되었는지 알아보겠습니다 :)

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

React 공식 문서 해석하며 공부하기 : Using the Effect Hook

React Docs - Hooks #4 Using the Effect Hook

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

[React] useState와 useEffect

React Hooks의 사용을 CODE를 통해 ARABOJA.

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

Hook(1): useState

기존의 react에서는 functional component에서 state를 사용할 수 없었다. 하지만 v16.8 이후부터 useState라는 함수를 사용하여 functional component에서도 state의 사용이 가능하게 되었다.useState를 호출하면 배열

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

React 공식문서 해석하며 공부하기 : Using the State Hook

React Docs - Hooks #3 Using the State Hook

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

React 공식문서 해석하며 공부하기 : Hooks at a Glance

React Docs - Hooks #2 Hooks at a Glance

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

React 공식 문서 해석하며 공부하기 : Introducing Hooks

React Docs - Hooks #1 Introducing Hooks

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

react-redux

react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서

2021년 8월 31일
·
0개의 댓글
post-thumbnail

hooks

렌더링된 직후마다 실행된다cleanUp 함수 반환 : 컴포넌트가 언마운트 되기 전 || 업데이트 되기 직전에 수행업데이트되기 바로 직전에 수행됨오직 언마운트 될 경우만 호출하고 싶다면 두번째 파라미터에 빈 배열을 넣어준다.정리

2021년 8월 29일
·
0개의 댓글
post-thumbnail

[React Native/TS] Animation 관련 커스텀 Hooks

애니메이션을 적용하기 위해서는 필요한게 생각보다 너무 많다.이를 사용하기 위한 커스텀 훅을 작성해서 사용해보도록 하자말 그대로 AnimatedValue를 모니터링 하기 위한 hook사용 hookuseState, useEffectreturn : realAnimValue

2021년 8월 29일
·
0개의 댓글

[React] React 실무 - hooks를 응용한 axios(url 요청)함수 구현하기 / 실무적용이 가능한 useEffect 활용방안 학습

외부 url 및 data를 요청하는 axios API를 customized한 함수로 구성하며, API요청 시 error 및 data를 log로 출력하는 기능을 제공한다.axios를 통해 url을 요청하고, API를 받아와 log에 data를 출력하는 구조를 구현한다.u

2021년 8월 25일
·
0개의 댓글

[React] React 중급 - 시스템 알람 함수 구현하기

시스템 알람을 실행하는 함수Notification 지원 여부를 사전에 확인한다.보통 window에 접근하여 특정 함수나 logic을 실행하는 경우, 내장되어있는 API를 사용하는 경우가 많다.이러한 API를 사용할 때는 공식문서를 참조하여 사용하는 것이 가장 효율적임을

2021년 8월 25일
·
0개의 댓글

[React] React 중급 - 실무에서 활용할 수 있는 scroll 함수 / full screen 함수 구현하기

scroll을 하면서 특정 범위에 도달하였을 때 글자색 등을 바꾸는 함수vh, viewport height수직(화면에서의 상하)으로 표현하는 전체 스크린을 상대적 크기로 반환하는 인자이다.전체화면의 기준은 100vh이다.height : '1000vh' 일 경우 전체 스

2021년 8월 25일
·
0개의 댓글

[React] React 중급 - 실무에서 활용할 수 있는 hooks 애니메이션 / 네트워크 상태감지 함수 구현하기 (*useEffect 활용)

요소가 화면에서 서서히 나타나도록 하는 함수 (style opacity를 이용)tag 내부의 style option에 opacity를 넣어 투명도를 조절할 수 있다.CSS이므로 이중괄호({{}})를 넣어야 구현할 수 있다.투명도는 낮을 수록 투명하고, 높을 수록 불투명

2021년 8월 24일
·
0개의 댓글

[React] React 중급 - 실무에서 활용할 수 있는 경고/확인창 함수 구현하기 2 (*useEffect 활용)

마우스 커서가 특정 탭, 범위를 벗어났을 때 메시지를 전달하는 함수화면이 rendering 되었을 때 Window에 mouse가 페이지 범위를 벗어났을 떄의 이벤트를 add하고, 해당 이벤트가 발생하면 log를 출력하는 함수를 먼저 구현한다.useEffect를 사용한다

2021년 8월 24일
·
0개의 댓글