# useInput

6개의 포스트
post-thumbnail

フックマスターになりたい (1): 커스텀 훅!

리액트 컴포넌트를 처음 학습할 때, 컴포넌트란 "나만의 태그"라고 정의했던 기억이 난다. 좀 더 명확하게 컴포넌트란 props를 인풋으로 받아 DOM을 렌더하는, JSX를 리턴하는 단위(함수, 혹은 클래스)이다. 조금 오해의 소지는 있지만 단순하게는 (자바스크립트가 가

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

Hook 사용예제: useInput

hook을 이용하여 input창에 값을 입력했을 때 state를 변경해주고 동시에 validator를 이용하여 검증기능을 하는 것을 구현하였다.변수를 객체에 담으면 변수명이 key로 변수의 값이 value로 들어간다.

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

[React] React 중급 - useState를 활용한 문자열 입력 함수 구현하기

React hooks를 활용하여 input value를 update하는 함수를 구현한다.문자열 변수인 name에 useInput hook을 호출하고, useState hook을 활용하여input value를 update 해주는 구조를 만들어본다.기본적인 input ta

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

useInput

은 를 활용한 Custom hooks이며 기본적으로 을 업데이트 한다. 아래의 예제 코드를 보고 이해해보자. [ useInput ] 함수를 선언하여 값을 에게 전달해준다. 에 들어가는 속성과 같은 이름으로 값을 부여해야한다. 은 의 spread 문법이

2021년 6월 23일
·
0개의 댓글

make custom hook by react

기존의 중복되는 상태관리를 커스텀훅으로 관리하기

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

#5 Today I Learned - 21.01.10

classnames ❗️ react : custom hooks 기본 사용법

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