# hooks
React 공식 문서 해석하며 공부하기 : Using the Effect Hook
React Docs - Hooks #4 Using the Effect Hook
Hook(1): useState
기존의 react에서는 functional component에서 state를 사용할 수 없었다. 하지만 v16.8 이후부터 useState라는 함수를 사용하여 functional component에서도 state의 사용이 가능하게 되었다.useState를 호출하면 배열
React 공식문서 해석하며 공부하기 : Using the State Hook
React Docs - Hooks #3 Using the State Hook
react-redux
react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서
hooks
렌더링된 직후마다 실행된다cleanUp 함수 반환 : 컴포넌트가 언마운트 되기 전 || 업데이트 되기 직전에 수행업데이트되기 바로 직전에 수행됨오직 언마운트 될 경우만 호출하고 싶다면 두번째 파라미터에 빈 배열을 넣어준다.정리
[React Native/TS] Animation 관련 커스텀 Hooks
애니메이션을 적용하기 위해서는 필요한게 생각보다 너무 많다.이를 사용하기 위한 커스텀 훅을 작성해서 사용해보도록 하자말 그대로 AnimatedValue를 모니터링 하기 위한 hook사용 hookuseState, useEffectreturn : realAnimValue
[React] React 실무 - hooks를 응용한 axios(url 요청)함수 구현하기 / 실무적용이 가능한 useEffect 활용방안 학습
외부 url 및 data를 요청하는 axios API를 customized한 함수로 구성하며, API요청 시 error 및 data를 log로 출력하는 기능을 제공한다.axios를 통해 url을 요청하고, API를 받아와 log에 data를 출력하는 구조를 구현한다.u
[React] React 중급 - 시스템 알람 함수 구현하기
시스템 알람을 실행하는 함수Notification 지원 여부를 사전에 확인한다.보통 window에 접근하여 특정 함수나 logic을 실행하는 경우, 내장되어있는 API를 사용하는 경우가 많다.이러한 API를 사용할 때는 공식문서를 참조하여 사용하는 것이 가장 효율적임을
[React] React 중급 - 실무에서 활용할 수 있는 scroll 함수 / full screen 함수 구현하기
scroll을 하면서 특정 범위에 도달하였을 때 글자색 등을 바꾸는 함수vh, viewport height수직(화면에서의 상하)으로 표현하는 전체 스크린을 상대적 크기로 반환하는 인자이다.전체화면의 기준은 100vh이다.height : '1000vh' 일 경우 전체 스
[React] React 중급 - 실무에서 활용할 수 있는 hooks 애니메이션 / 네트워크 상태감지 함수 구현하기 (*useEffect 활용)
요소가 화면에서 서서히 나타나도록 하는 함수 (style opacity를 이용)tag 내부의 style option에 opacity를 넣어 투명도를 조절할 수 있다.CSS이므로 이중괄호({{}})를 넣어야 구현할 수 있다.투명도는 낮을 수록 투명하고, 높을 수록 불투명
[React] React 중급 - 실무에서 활용할 수 있는 경고/확인창 함수 구현하기 2 (*useEffect 활용)
마우스 커서가 특정 탭, 범위를 벗어났을 때 메시지를 전달하는 함수화면이 rendering 되었을 때 Window에 mouse가 페이지 범위를 벗어났을 떄의 이벤트를 add하고, 해당 이벤트가 발생하면 log를 출력하는 함수를 먼저 구현한다.useEffect를 사용한다