# State

162개의 포스트

TIR. 객체지향 프로그래밍

객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍(imperative programming)의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체(object)의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 이는 실세계의 실체(사물이나 개념)를 인식하는 철학적 사고를 프로그래밍에 접목하려...

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

[react] 노마드코더 영화웹서비스 제작 6.4 Redirecting

우리는 "/movie-detail"에서 리프레시를 하거나, 직접 쳐서 들어가면 state=undefined를 얻게되는 경우들을 보았다."/movie-detail"를 도메인에 직접 치거나, 리프레시를 하면 아예 홈화면으로 돌아가도록 유저를 홈으로 리다이렉트 시키는 것이

2021년 6월 11일
·
0개의 댓글
post-thumbnail

[TIL-20210607] React State & Props

State 살면서 변할 수 있는 값 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 props vs state props는 외부로부터 전달 받은 값 state는 내부에서 변화하는 값 이름 - props 성별 - props 나이 - state 현재 사는 곳 -

2021년 6월 8일
·
0개의 댓글
post-thumbnail

[TIL 20] React State & Props

Props Props의 특징 컴포넌트의 속성(property)을 의미한다. props는 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성에 해당한다. 상위 컴포넌트로부터 전달받은 값이다. React 컴포넌트는

2021년 6월 8일
·
0개의 댓글
post-thumbnail

Redux

Redux는 React에서 Component와 상태를 분리하고 관리하는 패턴을 사용 할 수 있다.redux는 React의 상태관리 라이브러리가 아니다. React가 없어도 ReduxReact에서는 (Stata)상태 관리를 Class Component안에서 관리한다.형제

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

TIL - React Class state ( React - 4 )

TIL - React Class state ( React - 4 )

2021년 6월 5일
·
0개의 댓글
post-thumbnail

(React) State

단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. state는 화면에 보여줄 컴포넌트의 UI 정보(상태)를 지니고 있는 객체입니다.state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있습니다.(👌동적인 데이터)클래스

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

form data 관리

자식 컴포넌트에 from이 있는경우 자식 컴포넌트에서 따로 form data를 관리하려고 해보았다. 그래서 매번 setState로 from data를 관리하고 부모 컴포넌트에서 handler를 내려보내서 콜백을 하는 구조가 되었다. 그렇게 만들고 보니 세상 한심해서 부

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

[react] 노마드코더 영화웹서비스 제작 4.1 영화데이터 렌더링하기

비동기적 데이터 페치를 완료했다면 렌더링을 할 차례⬇️ 먼저 우리가 가져온 movies를 콘솔로그 해 영화 데이터가 어디에 있는지 찾아보자movies> data > data> movies: (20)\[{...},{...},{...},{...}, ...]⬇️ 찾은 영화데

2021년 5월 31일
·
0개의 댓글
post-thumbnail

React - State & event

state 는 화면에 보여줄 컴포넌트의 UI 정보(상태)를 지니고 있는 객체state 안에 들어가는 정보들은 변하는 정보가 들어간다.component 가 실행될 때 constructor 라는 함수가 있다면 제일 먼저 실행되서 초기화를 담당한다. 그 다음 this.sta

2021년 5월 30일
·
0개의 댓글
post-thumbnail

React 상태 관리의 과거, 현재, 그리고 미래

React 앱에서 사용되는 다양한 유형의 상태를 알아보고, 이를 효과적으로 제어하기 위한 라이브러리들을 살펴봅니다.

2021년 5월 30일
·
4개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 3.1 State에 대한 모든 것 with setState

Previously...버튼을 누르면 콘솔에 각각 기록되도록 만들었다.어떻게 하면 버튼을 눌렀을 때, state가 작동해서 숫자가 변화할까?TILstate는 그냥 쓴다고 작동하지 않는다.이유는 react가 render()를 리프레쉬하지 않기 때문이다.우리는 state의

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 3.0 Class 컴포넌트와 state 사용법

버튼을 클릭하면 각각 콘솔에 add와 minus를 기록하는 함수가 실행된다. 클래스 컴포넌트 function App()은 function component다. 우리는 리액트 컴포넌트의 많은 기능들을 사용하기 위해 이를 지우고 class component를 사용하기로

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

간단한 예제를 통해 Redux를 이해하기

현재 진행하는 토이 프로젝트에 react + mobx를 사용하기로 했는데, 아직 react의 상태관리에 대해 이해가 잘 되지 않아서 가장 널리 알려진 redux부터 공부를 시작했습니다..😂간단한 redux 예제도 클론해보고 TodoList까지 해봤지만 막상 코드에 응

2021년 5월 26일
·
0개의 댓글
post-thumbnail

[react] Context API 사용하기

📌 참고 https://codingbroker.tistory.com/125 https://jcon.tistory.com/176 https://react.vlpt.us/mashup-todolist/02-manage-state.html 혹시나 제 글을 읽게 되신다면!

2021년 5월 26일
·
0개의 댓글
post-thumbnail

[React] useState hook 사용법

리액트 훅을 사용하는 분들은 비교적 당연하게 useState를 사용하고 있을 것이다.component를 나눠서 function을 이용하여 만드는 경우를 많이 볼 수 있다.하지만 이는 몇 년전, 리액트 버전 16.8 이전까지만 해도 function component 안에

2021년 5월 19일
·
0개의 댓글
post-thumbnail

State, Props

컴포넌트 안에서 우리가 정의한 컴포넌트의 state 오브젝트 입니다.컴포넌트 UI를 위한 데이터를 보관하는 오브젝트로, 이 state라는 오브젝트를 통해서 데이터에 업데이트가 발생하면 리액트가 자동적으로 우리가 구현한 render 함수를 호출하죠. 컴포넌트 밖에서 주어

2021년 5월 19일
·
0개의 댓글
post-thumbnail

Redux

Redux는 JavaScript applications에서 예측가능한 상태(state)관리를 해주는 컨테이너React에서 State란 Class component내에서 관리또한 변형되는점들을 적는다.형제 컴포넌트들 간에 데이터를 주고 받을 때, 부모 컴포넌트를 통해서

2021년 5월 17일
·
0개의 댓글
post-thumbnail

[7일차-2] 과제 복습.

작성자, 내용 등을 입력하여 버튼을 눌렀을 시 다음 화면에 해당 값들이 적용되야함. 주소는 해당 게시물의 ID가 나와야 함. 작성자, 제목, 타이틀 3가지 및 ID 주소 반영하기 과제.\*\*css는 수업 첫날 한거라 미숙함. 나중에 수정할 예정. 이렇게 나와야한다.

2021년 5월 16일
·
0개의 댓글