# setState

18개의 포스트
post-thumbnail

React_5

WEB을 클릭할 때 이벤트를 발생시키려고 한다.—> onClick React는 함수 호출시 함수의 첫번째 매개변수로 event라는 객체를 넣기 로 약속되어있다.function(e){console.log(e);}console에 찍어보면 이렇게 나온다.하지만, 누르면 페이

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

setState() or markNeedsBuild() called during build. 오류...

setState() or markNeedsBuild() called during build. 내가 해당 오류를 받은 경위는..builder에서 setState를 사용해서이다..왜 이렇게하면 오류가 나오는지는.. 내가 flutter에대한 라이프사이클을 100% 이해하지

2021년 1월 13일
·
0개의 댓글
post-thumbnail

REACT 3

블로그 내용은 Programming with Mosh React Tutorial for Beginners [React js]을 공부하는 과정에서 작성되었습니다

2021년 1월 7일
·
0개의 댓글
post-thumbnail

TIL.38 setState 비동기 특성

setState() 비동기특성에 대해 알아보자.

2020년 12월 20일
·
0개의 댓글
post-thumbnail

[React] 댓글 구현 3 (setState 활용)

리액트 라이브러리의 핵심 기능 중 하나가 render다. 이를 구현시킬 때는 this.state와 this.setState가 자주 이용된다. 전자가 기본 토대(?)라면 후자는 가상DOM에서 this.state을 조작한 뒤 브라우저에서 구현될 때 필요하다. 이를 이용해서

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[React] onClick 이벤트 생성

만들고 싶은 이벤트는 1\. h1태그 안의 단어를 클릭했을 때 (onClick/preventDefault)2\. mode가 welcome으로 변경되면서 (bind/setState)3\. content의 내용이 변경되는 이벤트 (이건 적지 않았다.)일단, 이벤트가 실행되

2020년 12월 1일
·
0개의 댓글
post-thumbnail

리액트 처음부터 다시하기.6

여기 아주 기본적인 이벤트가 하나 있다. 아주 기본적이면서 우리가 웹에서 스크롤 다음으로 많이 하는 클릭 이벤트다.작성 할 때에는 이벤트종류 = 실행 할 함수 를 써주게 된다. 위의 함수는위 사진의 WEB 이라는 글자로 된 링크를 '클릭' 하면 경고창을 띄우는 함수다.

2020년 11월 13일
·
0개의 댓글

setState의 비동기성

댓글 입력 기능을 React로 구현하던 중 이상한 현상을 발견했다. event.target.value를 setState하고 console찍었는데 한 박자 느리게 setState에 적용되는 현상을 발견했습니다. 이게 너무 이해가 안돼서 구글링을 해 보니 setSta

2020년 10월 13일
·
0개의 댓글
post-thumbnail

React - setState()

setState()란, React docs에 따르면state 객체에 대한 업데이트를 실행으로 정의되어 있다.React에는 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값인 state가 존재한다.state를 변경하기 위해서는 반드시 setState()를 사용해야한다.이때

2020년 9월 12일
·
0개의 댓글
post-thumbnail

다양한 React에 대한 버그 해결 _ input

input 태그가 여러개 있을 경우, e.targe으로 통해서 값을 setState를 할 수 있다.input 태그 두개 : phone , codesetState : e.target과 name 속성으로 비교 setState 활용문제 : Input is changin

2020년 8월 31일
·
0개의 댓글

콜백함수

자바스크립트 콜백함수란 ? 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 보통 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 리액트에서 콜백함수는 어떻게 사용될까? setState를 사용하여 값을 업데이트하고

2020년 8월 4일
·
0개의 댓글
post-thumbnail

state 데이터의 상태. 데이터의 값이 변하는 저장소.

리액트는 state의 변화가 일어날때 render가 일어난다. render가 일어난다는것? 화면의 보이는 것이 변한다는 것이다. 그리고 그건 웹브라우저가 일을 한다는 것이다.요즘 웹페이지에서는 한부분이 변한다고 해서 모든 페이지가 리로딩되거나 리다이렉트 되지 않는다.s

2020년 5월 23일
·
0개의 댓글
post-thumbnail

[리액트(React) 스터디] - npm과 npx, 컴포넌트 제작(props), state, 이벤트(bind, setState)

npm(Node Package Manager)node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포한다.python - pip 같은 친구!nodejsnode.js 사이트에서 node.js installer를 다운로드 한다.window라면 git

2020년 4월 28일
·
0개의 댓글
post-thumbnail

PROJ-FOODLY-DAY5 : setState()

프로젝트 4일차, react 팁 정리 비동기 & 동기 비동기 : 함수가 실행되면 동작이 예약되며 언제 시작하고 끝나는지 알 수 없다. ex) fetch(), setState() 동기 : 함수가 실행되면 setState()의 비동기처리 1번 인자 : state 변

2020년 3월 7일
·
0개의 댓글
post-thumbnail

[+32]setState -> 비동기

동기와 비동기동기: 코드 한 줄 한 줄 끝날 때까지 기다렸다가 다음줄로 넘어가는 성질.ex. forEach비동기: 코드 한 줄이 하고 있는 일이 끝나지 않았는데 일을 시켜놓고 내려가다가 일이 끝났다는 응답이 오면 다시 돌아오는 성질.ex. fetch, setStates

2020년 2월 28일
·
0개의 댓글

(TIL 31일차) 프로젝트 1차 프론트 전체 세션

프로젝트 1차 프론트 전체 세션

2020년 2월 28일
·
0개의 댓글

React - props & method & setState

props 부모 컴포넌트가 자식컴포넌트의 속성으로 state의 정보를 객체로 넘겨줄 수 있고, 넘겨받은 객체를 props 키워드를 통해 사용하거나 다시 자식의 자식 객체로 넘겨 줄수 있다. state는 하위(자식) 컴포넌트에서 직접 접근할 수 없다.

2020년 2월 1일
·
0개의 댓글
post-thumbnail

[Spread Operator] 배열에 특정한 인덱스의 아이템 교체

사연 React로 서비스를 개발 하는 도중 state의 배열 값의 특정한 인덱스의 값을 변경해야 할 일이 생겼다. 막상 맞딱뜨리니까 뭔가 쉽지 않았다. Velopert님 React강의를 듣던 와중에 뭔가 배운거 같기는 한데 ㅎㅎ 머리를 쥐어짜다가 어느정도 감이 와서 해결하게 되었다. 전개연산자(Spread Operator)를 활용하였다. 간단한 예제 ...

2018년 11월 7일
·
4개의 댓글