# useInput
[React] 커스텀 훅 사용하기 (useFetch, useInput)
공식 문서(https://ko.reactjs.org/docs/hooks-reference.html클래스 컴포넌트와 생명주기 메서드를 이용하여 작업을 하던 기존 방식에서 벗어나 함수형 컴포넌트에서도 더 직관적인 함수를 이용하여 작업할 수 있게 만든 기능 (= c
[CustomHook]useInput
variable shadowing 참고<a href="https://www.techiediaries.com/react-spread-operator-props-setstate/value = {name.value} onChange = {name.onChang
React Hooks -(useState, useInput)
useState는 Top level에서는 호출할 수 없다.useState는 배열을 반환한다. 첫 번째는 값, 두 번째는 값을 변경해주는 함수. 두 파라미터의 이름은 아무렇게나 지어도 상관없으나, 보통은 아이템 이름과 set아이템이름으로 짓는다.... 용법 체크(닷 세
フックマスターになりたい (1): 커스텀 훅!
리액트 컴포넌트를 처음 학습할 때, 컴포넌트란 "나만의 태그"라고 정의했던 기억이 난다. 좀 더 명확하게 컴포넌트란 props를 인풋으로 받아 DOM을 렌더하는, JSX를 리턴하는 단위(함수, 혹은 클래스)이다. 조금 오해의 소지는 있지만 단순하게는 (자바스크립트가 가
Hook 사용예제: useInput
hook을 이용하여 input창에 값을 입력했을 때 state를 변경해주고 동시에 validator를 이용하여 검증기능을 하는 것을 구현하였다.변수를 객체에 담으면 변수명이 key로 변수의 값이 value로 들어간다.
[React] React 중급 - useState를 활용한 문자열 입력 함수 구현하기
React hooks를 활용하여 input value를 update하는 함수를 구현한다.문자열 변수인 name에 useInput hook을 호출하고, useState hook을 활용하여input value를 update 해주는 구조를 만들어본다.기본적인 input ta
