# hooks

364개의 포스트
post-thumbnail

React | Input control 과 useRef의 적절한 사용 (+ Input 유효성 검사)

Javascript 를 사용할때, 특정 DOM 을 선택하여 정보를 얻거나 임의로 조작해야 할때, getElementById 혹은 querySelector 과 같은 DOM Selector 함수를 사용하여 DOM 을 선택하였다. 하지만, React 는 이 기능을 대체할 수

약 7시간 전
·
0개의 댓글
post-thumbnail

React Hooks - useEffect

useEffect는 엄청 중요한 Hook이라고 한다. 리액트 컴포넌트가 렌더링(Mount, Update, Unmount)될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다.useEffect 훅은 인자로 콜백함수를 받으며, 두 가지 형태를 기억하자1\. 첫번째

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

Component

컴포넌트란 ?

2022년 5월 11일
·
0개의 댓글
post-thumbnail

프론트엔드 테스트 코드를 도입하자 - 1. 어떤 것을 해야 하나

프론트엔드 프로젝트에 테스트를 도입하기로 했다. 도입 과정을 기록하고자 한다.

2022년 5월 9일
·
0개의 댓글

REACT HOOKS API

useRef저장 공간으로 사용useRef에 저장된 값이 바뀌어도 렌더링이 일어나지 않게 하기 위함.State의 변화 -> 렌더링 -> 컴포넌트 내부 변수들 초기화Ref의 변화 -> No 렌더링 -> 변수들의 값이 유지됨State의 변화 -> 렌더링 -> 그래도 Ref

2022년 4월 24일
·
0개의 댓글

6개월 만에 리엑트 사용법을 복기 시켜보자 (2) hooks

react hooks 에 대한 개념 정리

2022년 4월 24일
·
0개의 댓글

React Hooks

내가 배운 React Hooks

2022년 4월 18일
·
0개의 댓글
post-thumbnail

React Hooks

useState useState useState는 가장 기본적인 Hook 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해 줌 const [value, setValue] = useState([상태의 기본값]);

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

React Hooks : useEffect 사용법

.라이프사이클을 대체하는 훅인 useEffrect 에 대해서 알아보겠습니다 . class 컴포넌트 때는 라이프사이클이 컴포넌트에 중심이 맞춰져 있었습니다 . 클래스가 마운트 되려할 때 (CommponentWillMount) , 마운트 되고 나서 (componentDi

2022년 4월 5일
·
0개의 댓글

클래스 vs 함수

리액트에서 컴포넌트를 만들 때,클래스형 컴포넌트와 함수형 컴포넌트 중 한가지 방식을 통해서 만들 수 있다.클래스형 컴포넌트에서 페이지 함수를 만들 때,constructor getDerivedStateFromProps, render, componentDidMount 등의

2022년 4월 3일
·
0개의 댓글

Hooks at a Glance

Hooks는 하위 호환성을 갖고 있습니다. 이번 포스팅에선 우리가 배워볼 hooks의 전반적인 개요를 살펴보겠습니다. 다음 포스팅부터 각각에 대해 자세히 알아볼 것입니다. State Hook 아래 예시는 counter를 렌더링합니다. 버튼을 클릭하면 값을 올려주죠.

2022년 3월 27일
·
0개의 댓글

React) Hooks 2

Hooks(1) 에서 정리한것에서 이어서 작성해보려고 한다.😊useRef Hook은 함수 컴포넌트에서 ref를 쉽게 사용할 수 있도록 해준다. 지난번에 정리한 클래스컴포넌트에서 ref를 사용하는 방법에선 콜백 함수를 통한 설정과 createRef를 통한 ref설정을

2022년 3월 25일
·
0개의 댓글

React) Hooks 1

Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서 할 수 없었던 다양한 작업을 할수 있게 해준다.useState

2022년 3월 24일
·
0개의 댓글
post-thumbnail

리액트를 다루는 기술 : Hooks [useState,useEffect]

Hooks Hooks는 리액트 16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서는 할 수 없었던 다양한 작업을 할 수 있게 해준다

2022년 3월 24일
·
0개의 댓글

Introducing React Hooks

React 16.8부터 도입된 hooks는 state를 비롯한 여러 리액트의 특징을 class없이 사용할 수 있도록 도와줍니다. 이번 시간에는 리액트팀이 왜 hools를 도입했고 어떤 도움을 주는지 살펴보겠습니다.hooks를 시작하기 전, 먼저 살펴볼 특징을 알아보겠습

2022년 3월 23일
·
0개의 댓글

useEffect async/await 사용법

비동기로 처리한다.

2022년 3월 21일
·
0개의 댓글
post-thumbnail

useEffect

useEffect는 컴포넌트에서 부수효과를 이용하는 hook이다.

2022년 3월 17일
·
0개의 댓글
post-thumbnail

2) React, 컴포넌트의 이해! hook은 뭐지 ? (Code camp FE 6기 )

Algorithm Self studyReact, 컴포넌트의 이해클래스형 컴포넌트React-hooksGroup MentoringAlgorithm ClassSelf Study

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[fastcampus] Ch7. Hooks (3)

리액트 라우터 훅 / 컴포넌트 간 통신 / Context API

2022년 3월 15일
·
0개의 댓글