# Side Effect
[React] useEffect
Side Effect : 부수효과. 의도하지 않은 다른 동작 함수 내에서 모든 동작이 이루어지는 경우 => side effect 없다 함수 밖에서 값을 가져오는 경우 => side effect 있다 console.log : 대표적인 side effect 중 하나 (외부
그래서 useEffect는 언제 쓰는건데요?
Side effect? 리액트는 side effect라는 것을 처리하기 위해 useEffect를 사용하라고 한다. 그렇다면 side effect는 무엇이고, 이것을 왜 별도로 처리해야 하는 것일까? > 함수 내 특정 동작이 함수 외부에 영향을 끼쳐, 프로그램의 동작을

Code splitting시 주의해야할 점(side effect)
어떤 환경이던 Code splitting을 해서 Dynamic하게 import를 진행 때에 주의해야 할 점이 있다. Next.JS의 dynamic을 사용하여 예를들어 설명해보겠다.일반적으로 dynamic import는 위와 같은 상황에 사용하게된다.실제로 이를 dev
useEffect
https://ko.reactjs.org/docs/hooks-effect.htmlWhat does 'Use Effect' do?useEffect Hook을 이용해 React에게 component가 렌더링 이후에 어떤 일을 수행해야 하는지 지시사용자가 React
[개념] 호이스팅, 순수함수
참고: 모던 자바스크립트: 선언하기 전 사용할 수 있는 varMDN Hoisting호이스팅: 변수가 끌어올려지는 현상.var로 선언한 모든 변수는 함수의 최상위로 끌어올려짐.변수의 선언과 변수에 값을 할당하는 단계를 분리한 후, 선언만 함수의 최상단으로 끌어올리는 것

고차함수
고차 함수는 함수를 인수로 전달받거나, 함수를 반환하는 함수를 말한다.고차함수는 함수형 프로그래밍의 일종으로, 자바스크립트를 함수형 프로그래밍에 알맞은 언어로 만들어주는 특성이 바로 자바스크립트가 고차 함수이다.이 고차함수를 이해하기 위해선 함수형 프로그래밍과 일급객체

[ React ] Side Effect
✅ Side Effect 💡 프로그래밍에서 “부작용(Side Effect)”? 코드가 의도한 주된 효과 외 주기적으로 발생하는 효과 프로그램을 이루는 가장 작은 단위 = 함수에서 쓰이는 용어 함수의 본질적인 역할⇒ input을 받아 output을 산출하는 것 함수의 부작용 ⇒ input을 받아 output을 산출하는 것 이외의 모든 행위 Side E...
[2022.10.12] Effect Hook, useEffect
함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우, 해당 함수는 Side Effect가 있다고 한다.React에서 Side Effect가 발생하는 경우1\. 네트워크 요청을 하는 경우 (fetch API..)2\. 타이머 사용(setTimeout)3\. Loca

React rendering으로 알아보는 side Effect
프로그래밍을 공부하다보면 side effect라는 단어를 많이 보게 된다. 함수형 프로그래밍에서는 side effect를 없애는 것이 중요하기 때문에 부정적인 단어로 인식될 수도 있지만 사실 개발자와 뗄 수 없는 관계이다. 이 귀여운 녀석을 자세히 알아보자.컴퓨터 과학
Side Effect
보통 side effect(부작용)가 있다라는건 부정적인 의미로 사용된다.프로그래밍에서 side effect(부작용)은 주된 효과 외에 추가적으로 발생하는 효과라고 할 수 있다.이 말이 무슨 말이냐...좀 더 풀어서 이해해 보자면 부작용은 "부수 효과" 라고도 할 수
Effect Hook
학습 목표 Side effect가 어떤 의미인지 알 수 있다. React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다. (비즈니스 로직과 표현 영역 구분) Side effect의 예를 들 수 있다. Effect Hook을 이용해 비동기 호
[개발자되기: React 상태관리] Day-39
변하는 데이터. 동적으로 표현되는 데이터함수의 입력 외에도 함수의 결과에 영향을 미치는 요인ex) API 호출Side Effect는 최대한 배제하고 컴포넌트 표현 그 자체에 집중하여 개발하는 것이 중요 => BUT, 서버 요청에 의존적인 페이지를 만들다보면 불가피하게

[FE-Interview][React] React 기초(1)
✍🏻 [FE-Interview][React] | 1. React 기초(1) | React의 기초적인 특성과 부수효과에 대해 정리해 보았다!
[개발자되기: 클라이언트 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가 무