# State

27개의 포스트
post-thumbnail

React Class Components & State

다이나믹 데이터를 만들 때 state와 함께한다.데이터라는건 있기도하고 없어지기도하고 0이기도하고 엄청 다양한 종류의 것들임.고정적인 porps 대신 state가 필요한 이유다.그러기 위해서는 state이외에도 class 컴포넌트가 필요하다.🌐 문법:state는 가져

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

if를 쓰지 않는 방식

if의 남용을 경계하며, 상태를 배제하는 방식으로 구현하기.. 를 이야기 해보려고 합니다.

2020년 6월 27일
·
0개의 댓글

[React] 컴포넌트의 State 란?

사용자가 알 필요가 없는 데이터를 내부에서 은닉하는 것. 즉, 캡슐화를 통해 코드를 리펙토링 하는 것이 좋은 사용성을 만드는 핵심이다.

2020년 6월 18일
·
0개의 댓글

TIL #8 React State

Component의 내부에서 정의하는 Component의 상태 값. 클래스형 컴포넌트를 작성할 때 해당 클래스 내부의 맨 위쪽에 작성하는 것이 일반적이다.

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

JavaScript Object Immutability

리액트 리덕스로 상태관리를 하던 중 마주친 트러블 슈팅기록 - JavaScript의 Object에 불변성 부여하기

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

react tip

쉽게말해서 차이점은 간결하다는 것이다. 당연히 함수형이 클래스형보다 간결하니까.또한 당연히 하는 일은 하는일은 같다.그러면 무조건 함수형을 써야되냐? 아니면 클래스형을 써야되냐? 우선 기본기를 다지기 위해 클래스형을 공부하고 나중에는 함수형도 빠르게 쓰면 될것으로 생각

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

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

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

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

javascript - 화살표 함수의 다양한 형태

리액트나 프로그래머스의 볼 때마다 javascript 코드의 arrow function의 실행문의 결과를 이해하기 힘들어 정리해보았습니다.위의 설명으로 React의 setState 구문을 이해하여 봅시다. 두 코드의 실행 결과는 모두 같습니다.코드 1코드 2상태값은 초

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

리액트 - Component & props & state

함수로 Welcome 컴포넌트 구현하기 class로 Welcome 컴포넌트 구현하기class로 컴포넌트를 만드려면 React.Component 를 extend해서 생성한다. 컴포넌트를 생성할 때 render() 메서드는 무조건 정의해야하고, return도 해주어야 한다

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

리액트 UI 데이터

이 포스팅은 \[실전 리액트 프로그래밍]을 공부하고 정리한 내용으로, 대부분의 내용이 해당 서적에서 나왔음을 밝힙니다.챕터3은 UI 라이브러리인 리액트에서 UI 데이터를 관리하는 방법을 가르쳐준다.리액트에서는 상탯값(state)과 속성값(prop)으로 UI 데이터를 관

2020년 5월 3일
·
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개의 댓글

[TIL] State와 Props

State란 - state는 Component의 상태 값을 말한다. - state와 props는 둘 다 object이며, 화면에 보여줄 정보를 가지고 있다는 점에서 서로 비슷한 역할을 한다. - props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있다.

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

TIL_Props, State

Props Props는 property의 줄임말로, React에서 사용자가 부모 컴포넌트에서 자식 컴포넌트로 전달하는 데이터를 말한다. props는 읽기 전용 데이터로써 변경되지 않고 보존되는 법칙이 존재한다. 그렇기 때문에 자식 컴포넌트는 부모 컴포넌트로부터 전달받은

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

State, LifeCycle Hook

State & LifeCycle Hook

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

React state & life cylce

1)props의 값에따라 내부구현에 필요한 데이터를 말 할수 있다.2)component 내부적으로 사용된다.3)object이다.4)class 컴포넌트로 작성해야한다.5)값을 변경할때는 setState 를 사용해야한다.state를 이용한 간단한 예시이다.add와 minu

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

React의 setState가 잘못된 값을 주는 이유

본 글은 React의 공식 홈페이지에서 state에 대해 설명한 부분을 참고하여 작성되었습니다.더 자세하게 알고싶으신 분은 공식 홈페이지를 참고해주세요.서론setState가 잘못된 값을 주는 이유setState는 언제 비동기일까?state의 값을 가장 최신으로 유지하는

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

React의 컴포넌트에 State를 정의하는 두 가지 방법

리액트의 처음과 끝은 컴포넌트라고 말할 수 있습니다. 컴포넌트의 종류에는 많은 종류가 있지만 그 중에서 우리는 클래스형 컴포넌트에서 state를 정의하는 두 가지 방법에 대해 알아보도록 하겠습니다.함수형 컴포넌트에서 Hooks를 통해 state를 정의할 수 있는 것처럼

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

jakdu(자스) - State

react.js 에서 유동적인 데이터를 사용할 때 state 라는 것을 사용합니다.사용자와의 상호작용을 통해 데이터를 동적 으로 변경을 해야할 때 사용하며 , 클래스형 컴포넌트에서만 사용할 수 있는데 각각의 state 는 독립적이라 다른 컴포넌트의 직접적인 접근은 불가

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

[+37] state관련 변수 사용하기

전체적인 틀은 다 잡았기 때문에 세세하게 내가 구현하고자 하는 기능을 넣기 시작했다. 모델명을 선택했을 때 사이즈를 선택할 수 있게 disabled가 풀리고 둘 다 선택했을 때 밑에 내가 선택한 목록들이 묶여 새로운 div가 생기도록 했다. 여기에서 장바구니에 넣거나

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

MobX with React - 환경 구축과 적용

환경 구축에 앞서 MobX의 기능 중 하나인 데코레이터(@)를 이용해서 적용하는 코드는 create-react-app 에서 공식적으로 지원하는 메서드가 아니에요.

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