# State

58개의 포스트

TIL DAY.27 Props, and State 복습

오늘은 1차 프로젝트를 진행하면서 이해하기 제일 어려웠던 props 와 state 를 복습하는 시간을 갖도록 하겠습니다.컴포넌트 내부의 immutable DataJSX 내부에 {this.props.propsName}컴포넌트를 사용할 때, <> 괄호 안에 props

약 6시간 전
·
0개의 댓글
post-thumbnail

[TIL]React의 핵심 개념 - props, state, life cycle, functional component VS class component

React의 핵심 개념인 props, state, life cycle 그리고 functional component와 class component에 대해 공부합니다.

3일 전
·
0개의 댓글

[React] State & Event

State state: 상태 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 화면에 보여줄 컴퓨넌트의 정보(상태)를 지니고 있는 객체 state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있다. State 객체 Class componen

3일 전
·
0개의 댓글

React 공부 1(React Lifecycle)

Mounting은 태어나는것과 같다.javascript에서 class를 만들때 호출되는것(react아님)예전에 super(props) 써서 하던 그거 맞다.최초 마운트와 갱신 때 모두 render() 메서드를 실행하기 직전에 호출된다. 렌더링 할때마다 매번 실행되니

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

setState의 비동기성

setState 메소드는 즉시 실행되고 동기적으로 실행되는 것이 아닌 하나의 요청과 같은 비동기적 실행이다.

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

TIL DAY.25 Reacts, Monsters 과제 복습

지금까지 배운 React 기초 개념(state, porps, events) 들을 직접 적용하고 응용해보며 내 자신의 약점을 복습해보았다. 이번 과제의 핵심은 주어진 키워드를 활용해 자료를 찾아보면서 적용시켜보는 것이였다. componentDidMount() 메소드를 통

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

React - setState()

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

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

[JavaScript] React-State and Event

state란 상태를 가르킵니다.컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값state란 화면에 보여주는 컴포넌트의 상태를 가지고 있는 객체 입니다.state는 컴포넌트 내에서 정의되며, setState를 사용하여 상태값을 변경할 수 있습니다.class형 컴포넌트를 구

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

[TIL] React props

React에서 props는 변하지 않는 데이터 (Immutable Date)이다. 상위 (부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 넘겨줄 때 사용한다. Login.js 는 상위(부모) 컴포넌트 이다. 부모 컴포넌트안에 <Child/>컴포넌트를 impor

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

TIL DAY.21 React State, Props,Event

state: 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. State는 화면에 보여줄 컴포넌트의 정보(상태)를 지니고 있는 객체입니다.클래스형 컴포넌트에서 state, 즉 해당 컴포넌트의 상태를 정의해보겠습니다.Class component | state클래스형

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

TIL no.31

Airbnb 1week Sat

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

[TIL] React 입문 (with . State & Event)

변경될 수 있는 데이터를 처리할 때 효율적으로 사용될 수 있습니다.state는 컴포넌트안에서 관리state는 화면에 보여줄 컴포넌트의 정보(상태)를 지니고 있는 객체닙니다.state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있습니다.클래스

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

TIL 41 | React.js Intro 2

state란 말 그대로 컴포넌트의 상태 값이다. state와 props는 둘 다 object이고, 화면에 보여줄 정보(상태)를 가지고 있다는 점에서 서로 비슷한 역할을 한다.

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

React스터디_Hooks

Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 줍니다.

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

'리액트를 다루는 기술' 3장, 컴포넌트

# 😁 클래스형 컴포넌트 ## 클래스형 컴포넌트의 특징 ## 함수형 컴포넌트를 사용해야하는 경우 ### function 컴포넌트 ### class 컴포넌트 # 😋 props # 😏 state ## props와 state의 차이점 # 🙄 state 사용 시 주의점

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

리다기 스터디 3-2. state

일단용어를 명확히 해야될거 같아서 용어 정리부터 하고 가야될거같습니다.(일반)변수(var, const, let) : 불변성에 구애받지 않는 변수로써 언제든 바뀔수 있고 component마다 rerendering 될때마다 초기화가됩니다. 변수는 언제든 변경이 될수있고

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

React스터디_이벤트 핸들링

리액트의 이벤트 시스템은 HTML 이벤트와 인터페이스가 동일하기 때문에 사용법이 비슷합니다.이벤트 이름은 카멜 표기법으로 작성합니다

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

React - props, state

하나의 컴포넌트가 가질 수 있는 변경 가능한 데이터

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

TIL- React ComponentDidMount, Map, function in Event, 동기,비동기 실행

일단 React는 실행이 된다면 class 내의 constructor, render, componentDidMount순으로 호출이 되며 setstate 발생시 rerender가 된다!

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

React스터디_State

state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있습니다.

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