# State
[+37] state관련 변수 사용하기
전체적인 틀은 다 잡았기 때문에 세세하게 내가 구현하고자 하는 기능을 넣기 시작했다. 모델명을 선택했을 때 사이즈를 선택할 수 있게 disabled가 풀리고 둘 다 선택했을 때 밑에 내가 선택한 목록들이 묶여 새로운 div가 생기도록 했다. 여기에서 장바구니에 넣거나
MobX with React - 환경 구축과 적용
환경 구축에 앞서 MobX의 기능 중 하나인 데코레이터(@)를 이용해서 적용하는 코드는 create-react-app 에서 공식적으로 지원하는 메서드가 아니에요.
[Flutter] State 관리 방법
이번 챕터에서는 state management에 대해서 포스팅 할 것 입니다. 만약 네이티브로 앱을 만든 경험이 있는 분들은 state management에 친숙하실 것 입니다. flutter로 개발을 하다보면, state를 어떻게 관리할 것인가는 매우 중요한 문제입니다. flutter에서 state를 관리할 방법은 setState, InheritedWid...
React : 자식에서 부모의 state 변경
리액트에서 부모컴포넌트에서 자식 컴포넌트로 props를 넘겨주는 것은 매우 쉽다. 하지만 반대로 자식에서 부모의 컴포넌트의 state를 변경해줘야 하는 일이 필요하다. 어떻게 하면 바꿀 수 있을까 ?? 바로 form 태그를 사용해서 바꿀 수 있다. 출처는 이곳이다. 이곳에 나와 있는 설명을 풀어보면 다음과 같다. 부모컴포넌트에서 자식 컴포넌트로 onS...
[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)
React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...
React - eject 없이 Mobx 데코레이터 사용하기
오늘 써볼 글은 React의 상태관리를 할 때 많이 사용하는 라이브러리인 Mobx의 데코레이터를 CRA에서 yarn eject 없이 사용하는 법을 알아보겠습니다 :) 보통은 Mobx 말고도 데코레이터를 사용할 수 있습니다. 하지만 Mobx를 사용하면서 데코레이터를 많이 사용하고 react에서 데코레이터를 사용할 때 여러가지 설정에 관한 문제를 겪었기 때...
React
👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...
2019.09.30 React
1. React? 2. ES6? ES6 문법을 알아야 리액트가 편해진다. - Destructuring - spread operator - rest parameters - default parameters - templete literals - arrow function - for-of loop 3. JSX? 자바스크립트의 확장 문법 - 반드시 하나...
React 강좌) trendy React 2-0. React Hooks 기본-상
상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.