# Side Effect
[개발자되기: 클라이언트 Ajax 요청] Day-30
컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 전달받음 단방향 데이터 흐름(one-way data flow)(맞으면 state 아님)(맞으면 state 아님)(맞으면 state 아님)ex) 하위 컴포넌트의 클릭 이벤트가 부모의 상태를 바꾸어야만 하는 상황 =
.png)
useEffect Hook - !
useEffect (렌더링 말고 다른 동작 하고 싶을 때) Side Effect - 부정적일 때가 아니라 그냥 현상 자체를 말할 때 ( input, output에 아무런 영향 미치지 않을 때, 그 외의 다른 행위, input output 외에 다른 값을 조작하는
[react] useEffect
언제, 어떻게 사용해야 하는지는 알겠는데, 왜 사용해야 하는지 와닿지 않아서 정리하면서 개념을 이해해보기로 했다. 이유를 알아내려고 삽질한 과정의 기록이다...💦📌 우선!const \[state, setState] = useState(initailValue);여기에
[React #12] The Effect Hook (feat.useEffect())
웹 사이트를 만들다 보면 화면에 보일 수 있는 데이터를 서버에서 받아오기도 해야 하고, state가 바뀔 때마다 함수를 실행시키거나, 이벤트 리스너를 달았다가 해제하는 등의 동작이 필요할 수 있다. useEffect hook은 바로 이럴 때 유용하게 쓸 수 있다. H
[CS] React 상태 관리 Day-43
React는 상태 관리를 위한 라이브러리가 아닙니다. 하지만 상태 관리 주요 원칙을 배우고 따라가면, 컴포넌트 간 서로 느슨하게 결합된 아름다운 코드를 작성할 수 있습니다.상태는 변하는 데이터입니다. (동적으로 표현되는 데이터)함수의 입력 외에도 함수의 결과에 영향을
12.27
함수 외부의 것을 건드리는 것randering 이후에 작동한다.randering에 영향을 미치지 않는다.use effect는 함수를 인자로 갖는다첫 번째 인자는 함수,두 번째 인자는 배열이다.배열의 값이 바뀔 때에만 use effect가 실행이 된다.promise가 무
[CS] 데이터 흐름의 이해 비동기 요청 Day-40
React에서의 데이터 흐름 React의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점입니다. 컴포넌트를 만들고, 페이지를 조립해 나가는 것이 React의 특징입니다. 상향식(Bottom-Up)으로 앱을 만듭니다. > Bottom-Up (상향식
[CS] 상태 관리 Day-32
UI에 동적으로 표현될 데이터입니다. (상태는 변하는 데이터입니다.)함수(또는 컴포넌트)의 입력 외에도 함수의 결과에 영향을 미치는 요인React의 주요 개발 원칙 중 하나는 UI를 페이지 단위가 아닌 컴포넌트 단위로 보는 것입니다. 따라서 컴포넌트 우선 개발 방식에
React - useEffect()
어떤 함수가 input / output이외의 다른 값을 조작한다면, 이 함수는Side Effect가 있다고 표현합니다!함수컴포넌트에서는 외부세계에 영향을 주는 어떠한 행위입니다.대표적으로 Data Fetching, DOM에 직접 접근(ex. Event Listener
문제 4
Part 1: 항공권 목록 필터링 Main 컴포넌트 내 search 함수는 검색 조건을 담고 있는 상태 객체 condition을 업데이트해야 합니다 Main 컴포넌트 Search 컴포넌트에는 상태 변경 함수 search가 onSearch props로 전달되어야 합니다 상태 변경 함수 search는 Search 컴포넌트의 검색 버튼 클릭 시 실행되어야 합니...
[CS] React 데이터 흐름 Day-30
React 데이터 흐름 React의 개발 방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작하는 것입니다. 상향식(bottom-up)으로 앱을 만듭니다. 가장 큰 장점은 테스트가 쉽고 확장성이 좋습니다.(컴포넌트 계층 구조로 나누는 것이 가장 우선순위가
[React] 생명주기 (useEffect 언마운트)
useEffect는 함수형 프로그래밍 Hook중 하나이다.클래스형 프로그래밍의 componentDidMount componentDidUpdate componentWillUnmount의 기능을 합쳐놨다고 생각하면된다.글쓴이는 componentWillUnmount의 중요성
Side Effect
Side Effect (부수 효과)함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 이야기합니다.Pure Function (순수 함수)순수 함수란, 오직 함수의 입력만이 함수의 결과에 영향을 주는 함수를 의미합니다. 함
useEffect
1. Side Effect(부수효과) 부수효과란, 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 말한다. ex) React 컴포넌트에서의 Side Effect 타이머 사용(setTimeout) 데이터 가져오기(fetch API, localStorage) 2. Pure Function(순수함수) 순수함수란, 오직 함수의 입력만이 함수의...
Scala로 하는 Side-effect 다루기 기초
함수형 프로그래밍을 하다보면 Pure Function과 Composition 이라는 용어를 자주 마주치곤 한다. 도대체 이 용어들은 뭘 말하는걸까?코딩을 하다보면 아래 행위들을 수행하는 코드를 종종 작성하게 되는데 이러한 행위들이 부수효과(Side-effect)라는 것
[React] side effect
React에서 상태변화를 일으키는 모든 요소들을 말한다.React 문서에서 정의하고 있는 side effect는 아래와 같다.즉 DataBase에 접근하여 data를 확보하는 것부터 시작해서, data의 상태관리를 통해 DOM에 적용하기까지 상태변화에 영향을 주는 모든
