# useState
220517 TIL
유튜브 별코딩님의 강의를 보고 작성한 나의 일지state 관리를 도와주는 hook!따지자면, useState 와 마찬가지로 staet 를 생성하고 관리하게 도와주는 도구여러 개의 하위값을 포함하는 복잡한 state 를 다뤄야 할 때, 사용하면 좋다!알아야 할 3가지!R
[20220517_westagram_Login]
• onChange 함수는 우리가 작성한 Javascript를 통해 변화가 일어났는지 탐지해줌.• event 발생 시 handleInput 함수 실행• handleIdInput은 이벤트를 인자로 받음• event가 일어난 요소에 담긴 value 값 (event.targ
[React] 복잡한 함수 속에서 state 변화 즉각 반영하기
오늘은 간단하게 본문부터!복잡한 동작을 하는 함수가 실행되는 동안 유저에게 loading state 표기button click -> handleClick 함수 -> loading State = true -> 유저에게 표기위 처럼 코드를 짜면 handleClick을 눌렀
[React] useState의 초기값을 props의 값으로 설정하기
프로젝트 중 community 페이지를 구현하는데 해당 각 게시물을 클릭하면 상세페이지로 넘어가고 각 게시물의 내용을 props로 넘겨주었다. 그런데 이때 기존에 좋아요 혹은 북마크 했다는 불리언 값들을 useState의 초기값으로 지정하려고 하였으나 잘 되지 않았다.
[패스트 캠퍼스 FE] 리액트 맛보기 - 3
1️⃣ 컴포넌트 상태 다루기2️⃣ 컴포넌트 사이드이펙트 다루기3️⃣ 커스텀 훅 만들기4️⃣ Hook Flow 이해하기공식문서useState는 state의 초기값을 정할 수 있고, return 값으로 state, setState를 돌려주는 hook이다. 예제: useSt
useState에서 Set은 최소한으로
프로그래밍을 하다 보면 간혹 불필요한 반복을 수행하여 시스템 자원을 낭비할 때가 있습니다. 예를 들어 어떠한 props Array에서 useState Array값을 set 시키기 위하여 반복문을 돌릴 때 반복문 안에서 계속 set을 할 경우 자원 낭비가 심하게 되는
[무작정 따라하기] 너의 할 일은。React로 To Do List 만들기
ReactJS로 To Do List 만들기input 입력 값 15자로 제한하기To Do List 삭제하기To Do List 10개로 제한하기input창에서 onChange를 사용해 입력된 값을 toDo와 setToDo를 이용해 받는다. form 태그에 쌓여진 butto
[리액트]useState
리액트 링크(https://ko.reactjs.org/docs/hooks-reference.html\`\`\`const state, setState = useState(initialState);
[무작정 따라하기] 나.리액트.쓰는데.내.동년배들.다.JSX.쓴다.
JSX(Javascript XML)은 함수 호출과 객체 생성에서 문법적 편의를 제공하는 Javascript의 확장된 구문이다 . JSX는 React.createElement()를 반복적으로 호출해야하는 불편을 해소할 수 있으며, Javascript의 모든 기능을 쓸 수
[220420_TIL] React state, props, life cycle
react의 state, props, lifecycle에 대해 알아보자. fucntional로 작성하였고, useEffect Hook을 사용하였다. 전체 코드는 여기...
리액트 useState
리액트에서 함수형 컴포넌트를 사용한다면 훅(Hook)이라는 기능을 필수적으로 사용하게 된다. 지난 포스팅에서도 다루었지만, 예제와 함께 더 자세하게 기본 중의 기본 훅인 useState를 알아볼 것이다. 자바스크립트 ES6의 Destructuring Assignment