# State

678개의 포스트
post-thumbnail

[error shooting] 상태 끌어 올리기

react에는 state를 사용하여 상태를 관리한다하지만 리덕스나 리코일이 아닌 일반적인 상태관리 상황에서는 부모에서 자식으로만(단방향으로만) 관리를 한다하지만 이런 상황이 생긴다해쉬태그를 firebase로 보내야 하는 상황,보내지긴 하지만 배열로된 해쉬태그들을 못 보

약 13시간 전
·
0개의 댓글
·

Learn React State & Props

props 컴포넌트를 2개로 나누면서 데이터와 기능의 연결고리가 끊어진다. 이를 연결하는것이 바로 props(부모 컴포넌트가 자식 컴포넌트에 물려주는 변수/함수) 함수를 공유하는 방법!!!// 자식이 부모에게 넘길 수는 없다.(단방향 관계) 부모 컴포넌트가 props

4일 전
·
0개의 댓글
·

Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서

reducer : state 업데이트 로직을 통합 context : 깊은 하위 컴포넌트에 정보 넘겨줌 둘을 같이 쓰면 무적의 state 관리자가 되겠지요? > ### 이 문서에서는 reducer와 context 같이 쓰기 props로 state 넘기고 dispatc

4일 전
·
0개의 댓글
·
post-thumbnail

React의 데이터 다루는 방법

리액트에는 컴포넌트가 있고 컴포넌트에는 입력과 출력이 있다. 컴포넌트는 데이터(props)를 입력받아 View(state)상태에 따라 DOM Node를 출력하는 함수이다. 자신의 state를 자식 컴포넌트에 props로 전달할 수 있다. 💡 Props >부모 컴

4일 전
·
0개의 댓글
·

[개발 상식] status vs state

State와 Status는 프로그래밍에서 자주 등장하는 단어지만, 둘 다 ‘상태’라고 번역되기 때문에 혼동하기 쉽다. 간단하게 그 차이를 알아보자. Status는 상태보다는 상황으로 번역하는 것이 이해하기 쉽다. 대표적으로 http status 라는 단어를 예로 들어보

5일 전
·
0개의 댓글
·
post-thumbnail

TIL 0314

[목차] React를 배워야 하는 이유 React Component 클래스형 컴포넌트 vs 함수형 컴포넌트 React-Hooks State useState state를 변수로 사용하는 이유 서버컴퓨터로 전송하기 위해 state에 담아두기 작성한 내용을

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

onChage 알아보기

const text, setText = useState("");\-> state에서 앞 변수는 변수와 같이 사용하고, 뒷 변수는 그 변수를 새롭게 업데이트 하는 것에 사용된다.\-> setText("안녕") 하면 text의 값이 "안녕" 으로 바뀐다.onChange를

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

데이터 저장 방법 state

state

2023년 3월 15일
·
0개의 댓글
·

Database

전자적으로 (electronically) 저장되고 사용되는관련있는 (related) 데이터들의 조직화된 집합 (organized collection)사용자에게 DB 를 정의하고, 만들고 관리하는 기능을 제공하는 소프트웨어 시스템DB 를 정의하다 보면 부가적으로 발생되는

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

Components, props와 State

React Component와 Component 내에서 DOM에 의해 읽기 전용으로 전달되는 객체인 props, Component 캡슐화를 가능하게 하는 State 및 Component LifeCycle

2023년 3월 14일
·
0개의 댓글
·

Context로 깊게 데이터 넘겨주기 - NEW 리액트 공식문서

보통 부모에서 자식 컴포넌트로 정보를 넘겨줄 때는 prop을 사용한다. 그러나 props는 때로 귀찮아진다. 부모 - 자식 컴포넌트 사이에 3개 - 4개 컴포넌트가 끼어 있는 경우 (고조할아버지 컴포넌트 ?), 같은 정보를 아주 많은 컴포넌트가 공유하고 있어야 할 경우

2023년 3월 13일
·
0개의 댓글
·

(번역) Reducer에 State 로직 추출하기 - NEW 리액트 공식문서

너무 많은 이벤트 핸들러들과 너무 많은 State updater 함수가 있는 컴포넌트는 복잡해지기 쉽상이다. 이럴 때 모든 state upater 로직을 컴포넌트 밖에 있는 reducer라는 단 하나의 함수에 때려박을 수 있다! > ### 이 문서에서는 reducer

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

React - 상태관리 State

React에서 UI와 밀접하게 관련있는 데이터는 State에 보관해줘야 한다.만약 아래와 같이 setCount(count + 1)를 5번 작성하면 어떻게 동작할까?결과는 5씩 증가가 아닌 1씩 증가한다.이는 Javascript 클로저와 밀접한 관련이 있다. onClic

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

(번역) State 유지 / 리셋하기 - NEW 리액트 공식문서

State는 컴포넌트에 고립돼 있다. 리액트는 UI 트리에서 컴포넌트의 위치를 기반으로 어떤 state가 어떤 컴포넌트에 소속돼 있는 녀석인지를 계속 추적한다. 개발자는 리렌더링 사이에서 언제 state를 보존할지, 리셋할지 컨트롤할 수 있다. > ### 이 문서에서

2023년 3월 9일
·
0개의 댓글
·

[stuff] state,constructor etc.

a태그 걸면 '새탭에서 링크열기'가능, 화면 전체가 새로고침 된다(href는 페이지 전체를 다시 그리기 때문에 재렌더링됨)Link태그는 HTML5 History API를 사용해서 브라우저의 주소만 바꿀 뿐 페이지를 새로 불러오지는 않음navigate는 변하는 값을 페이

2023년 3월 8일
·
0개의 댓글
·

(번역) State에서 객체 업데이트하기 - NEW 리액트 공식문서

State는 모든 종류의 JS 값을 담을 수 있다. 당연히 객체 포함! 그러나 state에서 직접적으로 객체를 바꾸면 안된다. 그렇게 하지 말고, 새로운 객체를 만들어서 (아니면 기존 객체를 copy) 그 사본으로 state를 설정해라! > ### 이 문서에서는..

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

Flutter lift state up challenge

부트캠프를 들으며 Todo list 앱을 만들던 도중, lifting state up challenge를 하는데, 생각보다 원하는대로 해결이 잘 되지 않았다.

2023년 3월 3일
·
0개의 댓글
·

State & Props

State & Props

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

[React] State

노마드코더의 리액트 강의에서 State에 대한 간단한 실습을 해봤다. 실시간으로 변화되는 값을 얻어와야 할때 매우 유용하게 쓰일 것 같다는 생각..!! 익숙해지면 굉장히 편할 것 같은 느낌이다.현재값과 업데이트 함수에 관한 네이밍은 자유지만 업데이트 함수의 경우 현재

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

useNavigate()로 데이터 전달하기

useNavigate를 경로 이동 시에만 사용했던 과거의 나..🥲물론 잘못된 것은 아니지만 useNavigate를 데이터를 전달하는 목적으로도 사용하여 조금 더 효율적으로 코드를 작성할 수 있다는 사실을 배웠다.useNavigate()를 기존에 사용했던 방식(예시)u

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