# useState

224개의 포스트
post-thumbnail

220517 TIL

유튜브 별코딩님의 강의를 보고 작성한 나의 일지state 관리를 도와주는 hook!따지자면, useState 와 마찬가지로 staet 를 생성하고 관리하게 도와주는 도구여러 개의 하위값을 포함하는 복잡한 state 를 다뤄야 할 때, 사용하면 좋다!알아야 할 3가지!R

5일 전
·
0개의 댓글

[20220517_westagram_Login]

• onChange 함수는 우리가 작성한 Javascript를 통해 변화가 일어났는지 탐지해줌.• event 발생 시 handleInput 함수 실행• handleIdInput은 이벤트를 인자로 받음• event가 일어난 요소에 담긴 value 값 (event.targ

5일 전
·
1개의 댓글

[React] 복잡한 함수 속에서 state 변화 즉각 반영하기

오늘은 간단하게 본문부터!복잡한 동작을 하는 함수가 실행되는 동안 유저에게 loading state 표기button click -> handleClick 함수 -> loading State = true -> 유저에게 표기위 처럼 코드를 짜면 handleClick을 눌렀

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

[React] useState의 초기값을 props의 값으로 설정하기

프로젝트 중 community 페이지를 구현하는데 해당 각 게시물을 클릭하면 상세페이지로 넘어가고 각 게시물의 내용을 props로 넘겨주었다. 그런데 이때 기존에 좋아요 혹은 북마크 했다는 불리언 값들을 useState의 초기값으로 지정하려고 하였으나 잘 되지 않았다.

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

[패스트 캠퍼스 FE] 리액트 맛보기 - 3

1️⃣ 컴포넌트 상태 다루기2️⃣ 컴포넌트 사이드이펙트 다루기3️⃣ 커스텀 훅 만들기4️⃣ Hook Flow 이해하기공식문서useState는 state의 초기값을 정할 수 있고, return 값으로 state, setState를 돌려주는 hook이다. 예제: useSt

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

State(Hooks)

State

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

Component

컴포넌트란 ?

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

useState에서 Set은 최소한으로

프로그래밍을 하다 보면 간혹 불필요한 반복을 수행하여 시스템 자원을 낭비할 때가 있습니다. 예를 들어 어떠한 props Array에서 useState Array값을 set 시키기 위하여 반복문을 돌릴 때 반복문 안에서 계속 set을 할 경우 자원 낭비가 심하게 되는

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

[무작정 따라하기] 너의 할 일은。React로 To Do List 만들기

ReactJS로 To Do List 만들기input 입력 값 15자로 제한하기To Do List 삭제하기To Do List 10개로 제한하기input창에서 onChange를 사용해 입력된 값을 toDo와 setToDo를 이용해 받는다. form 태그에 쌓여진 butto

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

React Hook

React Hook에 대해 정리했다.

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

React Hook - useState 상태를 저장, 변경

함수형 컴포넌트를 시작해보죠!

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

React_03 ) useState

state , setState , useState

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

[리액트]useState

리액트 링크(https://ko.reactjs.org/docs/hooks-reference.html\`\`\`const state, setState = useState(initialState);

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

[무작정 따라하기] 나.리액트.쓰는데.내.동년배들.다.JSX.쓴다.

JSX(Javascript XML)은 함수 호출과 객체 생성에서 문법적 편의를 제공하는 Javascript의 확장된 구문이다 . JSX는 React.createElement()를 반복적으로 호출해야하는 불편을 해소할 수 있으며, Javascript의 모든 기능을 쓸 수

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

여러개의 input 상태 관리하기

늘어나는 input에 따라 같이 늘어나는 상태들

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

[220420_TIL] React state, props, life cycle

react의 state, props, lifecycle에 대해 알아보자. fucntional로 작성하였고, useEffect Hook을 사용하였다. 전체 코드는 여기...

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

[Udemy] React 기본 - 일기장 만들기(1)

다양한 사용자 입력 처리 및 입력 데이터 핸들링하기

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

리액트 useState

리액트에서 함수형 컴포넌트를 사용한다면 훅(Hook)이라는 기능을 필수적으로 사용하게 된다. 지난 포스팅에서도 다루었지만, 예제와 함께 더 자세하게 기본 중의 기본 훅인 useState를 알아볼 것이다. 자바스크립트 ES6의 Destructuring Assignment

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