# State

[error shooting] 상태 끌어 올리기
react에는 state를 사용하여 상태를 관리한다하지만 리덕스나 리코일이 아닌 일반적인 상태관리 상황에서는 부모에서 자식으로만(단방향으로만) 관리를 한다하지만 이런 상황이 생긴다해쉬태그를 firebase로 보내야 하는 상황,보내지긴 하지만 배열로된 해쉬태그들을 못 보
Learn React State & Props
props 컴포넌트를 2개로 나누면서 데이터와 기능의 연결고리가 끊어진다. 이를 연결하는것이 바로 props(부모 컴포넌트가 자식 컴포넌트에 물려주는 변수/함수) 함수를 공유하는 방법!!!// 자식이 부모에게 넘길 수는 없다.(단방향 관계) 부모 컴포넌트가 props
Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서
reducer : state 업데이트 로직을 통합 context : 깊은 하위 컴포넌트에 정보 넘겨줌 둘을 같이 쓰면 무적의 state 관리자가 되겠지요? > ### 이 문서에서는 reducer와 context 같이 쓰기 props로 state 넘기고 dispatc

React의 데이터 다루는 방법
리액트에는 컴포넌트가 있고 컴포넌트에는 입력과 출력이 있다. 컴포넌트는 데이터(props)를 입력받아 View(state)상태에 따라 DOM Node를 출력하는 함수이다. 자신의 state를 자식 컴포넌트에 props로 전달할 수 있다. 💡 Props >부모 컴
[개발 상식] status vs state
State와 Status는 프로그래밍에서 자주 등장하는 단어지만, 둘 다 ‘상태’라고 번역되기 때문에 혼동하기 쉽다. 간단하게 그 차이를 알아보자. Status는 상태보다는 상황으로 번역하는 것이 이해하기 쉽다. 대표적으로 http status 라는 단어를 예로 들어보

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

onChage 알아보기
const text, setText = useState("");\-> state에서 앞 변수는 변수와 같이 사용하고, 뒷 변수는 그 변수를 새롭게 업데이트 하는 것에 사용된다.\-> setText("안녕") 하면 text의 값이 "안녕" 으로 바뀐다.onChange를
Database
전자적으로 (electronically) 저장되고 사용되는관련있는 (related) 데이터들의 조직화된 집합 (organized collection)사용자에게 DB 를 정의하고, 만들고 관리하는 기능을 제공하는 소프트웨어 시스템DB 를 정의하다 보면 부가적으로 발생되는

Components, props와 State
React Component와 Component 내에서 DOM에 의해 읽기 전용으로 전달되는 객체인 props, Component 캡슐화를 가능하게 하는 State 및 Component LifeCycle
Context로 깊게 데이터 넘겨주기 - NEW 리액트 공식문서
보통 부모에서 자식 컴포넌트로 정보를 넘겨줄 때는 prop을 사용한다. 그러나 props는 때로 귀찮아진다. 부모 - 자식 컴포넌트 사이에 3개 - 4개 컴포넌트가 끼어 있는 경우 (고조할아버지 컴포넌트 ?), 같은 정보를 아주 많은 컴포넌트가 공유하고 있어야 할 경우
(번역) Reducer에 State 로직 추출하기 - NEW 리액트 공식문서
너무 많은 이벤트 핸들러들과 너무 많은 State updater 함수가 있는 컴포넌트는 복잡해지기 쉽상이다. 이럴 때 모든 state upater 로직을 컴포넌트 밖에 있는 reducer라는 단 하나의 함수에 때려박을 수 있다! > ### 이 문서에서는 reducer

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

(번역) State 유지 / 리셋하기 - NEW 리액트 공식문서
State는 컴포넌트에 고립돼 있다. 리액트는 UI 트리에서 컴포넌트의 위치를 기반으로 어떤 state가 어떤 컴포넌트에 소속돼 있는 녀석인지를 계속 추적한다. 개발자는 리렌더링 사이에서 언제 state를 보존할지, 리셋할지 컨트롤할 수 있다. > ### 이 문서에서
[stuff] state,constructor etc.
a태그 걸면 '새탭에서 링크열기'가능, 화면 전체가 새로고침 된다(href는 페이지 전체를 다시 그리기 때문에 재렌더링됨)Link태그는 HTML5 History API를 사용해서 브라우저의 주소만 바꿀 뿐 페이지를 새로 불러오지는 않음navigate는 변하는 값을 페이
(번역) State에서 객체 업데이트하기 - NEW 리액트 공식문서
State는 모든 종류의 JS 값을 담을 수 있다. 당연히 객체 포함! 그러나 state에서 직접적으로 객체를 바꾸면 안된다. 그렇게 하지 말고, 새로운 객체를 만들어서 (아니면 기존 객체를 copy) 그 사본으로 state를 설정해라! > ### 이 문서에서는..

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

[React] State
노마드코더의 리액트 강의에서 State에 대한 간단한 실습을 해봤다. 실시간으로 변화되는 값을 얻어와야 할때 매우 유용하게 쓰일 것 같다는 생각..!! 익숙해지면 굉장히 편할 것 같은 느낌이다.현재값과 업데이트 함수에 관한 네이밍은 자유지만 업데이트 함수의 경우 현재
useNavigate()로 데이터 전달하기
useNavigate를 경로 이동 시에만 사용했던 과거의 나..🥲물론 잘못된 것은 아니지만 useNavigate를 데이터를 전달하는 목적으로도 사용하여 조금 더 효율적으로 코드를 작성할 수 있다는 사실을 배웠다.useNavigate()를 기존에 사용했던 방식(예시)u