# Side Effect

37개의 포스트
post-thumbnail

[React] Side Effect & useEffect

Side Effect란 애플리케이션에서 일어나는 다른 모든 것을 의미한다. 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우나, React 컴포넌트가 화면 렌더링 이후 비동기 처리되어야 하는 부수적인 효과이다.Side Effect가 일어났다고 하는 경우는 다음과

2023년 4월 25일
·
0개의 댓글
·

CS | javascript의 순수 함수

어떤 함수에 동일한 인자를 주었을 때, 항상 같은 값을 반환하는 함수이다. 또 외부의 상태를 변경하지 않는(No Side Effect) 함수라고 말할 수 있다.순수 함수의 예시 코드)위 코드에서 add는 인자로 10, 5를 받았을 때, 항상 15를 리턴한다.위 코드에서

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

[React] 데이터 흐름, Effect Hook

React 데이터 흐름 React 개발 방식은 페이지 단위가 아닌, 컴포넌트 단위로 시작 ( 제일 낮은것은 element) React 데이터는 하향식으로 props를 전달한다. Props vs State React에는 두 가지 데이터 모델인 props 와 stat

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

[React] useEffect

Side Effect : 부수효과. 의도하지 않은 다른 동작 함수 내에서 모든 동작이 이루어지는 경우 => side effect 없다 함수 밖에서 값을 가져오는 경우 => side effect 있다 console.log : 대표적인 side effect 중 하나 (외부

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

그래서 useEffect는 언제 쓰는건데요?

Side effect? 리액트는 side effect라는 것을 처리하기 위해 useEffect를 사용하라고 한다. 그렇다면 side effect는 무엇이고, 이것을 왜 별도로 처리해야 하는 것일까? > 함수 내 특정 동작이 함수 외부에 영향을 끼쳐, 프로그램의 동작을

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

Code splitting시 주의해야할 점(side effect)

어떤 환경이던 Code splitting을 해서 Dynamic하게 import를 진행 때에 주의해야 할 점이 있다. Next.JS의 dynamic을 사용하여 예를들어 설명해보겠다.일반적으로 dynamic import는 위와 같은 상황에 사용하게된다.실제로 이를 dev

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

useEffect

https://ko.reactjs.org/docs/hooks-effect.htmlWhat does 'Use Effect' do?useEffect Hook을 이용해 React에게 component가 렌더링 이후에 어떤 일을 수행해야 하는지 지시사용자가 React

2022년 12월 28일
·
0개의 댓글
·

[개념] 호이스팅, 순수함수

참고: 모던 자바스크립트: 선언하기 전 사용할 수 있는 varMDN Hoisting호이스팅: 변수가 끌어올려지는 현상.var로 선언한 모든 변수는 함수의 최상위로 끌어올려짐.변수의 선언과 변수에 값을 할당하는 단계를 분리한 후, 선언만 함수의 최상단으로 끌어올리는 것

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

고차함수

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

2022년 12월 17일
·
0개의 댓글
·
post-thumbnail

[ React ] Side Effect

✅ Side Effect 💡 프로그래밍에서 “부작용(Side Effect)”? 코드가 의도한 주된 효과 외 주기적으로 발생하는 효과 프로그램을 이루는 가장 작은 단위 = 함수에서 쓰이는 용어 함수의 본질적인 역할⇒ input을 받아 output을 산출하는 것 함수의 부작용 ⇒ input을 받아 output을 산출하는 것 이외의 모든 행위 Side E...

2022년 12월 4일
·
0개의 댓글
·

[2022.10.12] Effect Hook, useEffect

함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우, 해당 함수는 Side Effect가 있다고 한다.React에서 Side Effect가 발생하는 경우1\. 네트워크 요청을 하는 경우 (fetch API..)2\. 타이머 사용(setTimeout)3\. Loca

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

React rendering으로 알아보는 side Effect

프로그래밍을 공부하다보면 side effect라는 단어를 많이 보게 된다. 함수형 프로그래밍에서는 side effect를 없애는 것이 중요하기 때문에 부정적인 단어로 인식될 수도 있지만 사실 개발자와 뗄 수 없는 관계이다. 이 귀여운 녀석을 자세히 알아보자.컴퓨터 과학

2022년 9월 10일
·
0개의 댓글
·

Side Effect

보통 side effect(부작용)가 있다라는건 부정적인 의미로 사용된다.프로그래밍에서 side effect(부작용)은 주된 효과 외에 추가적으로 발생하는 효과라고 할 수 있다.이 말이 무슨 말이냐...좀 더 풀어서 이해해 보자면 부작용은 "부수 효과" 라고도 할 수

2022년 9월 4일
·
0개의 댓글
·

Effect Hook

학습 목표 Side effect가 어떤 의미인지 알 수 있다. React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다. (비즈니스 로직과 표현 영역 구분) Side effect의 예를 들 수 있다. Effect Hook을 이용해 비동기 호

2022년 8월 23일
·
0개의 댓글
·

[개발자되기: React 상태관리] Day-39

변하는 데이터. 동적으로 표현되는 데이터함수의 입력 외에도 함수의 결과에 영향을 미치는 요인ex) API 호출Side Effect는 최대한 배제하고 컴포넌트 표현 그 자체에 집중하여 개발하는 것이 중요 => BUT, 서버 요청에 의존적인 페이지를 만들다보면 불가피하게

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

[FE-Interview][React] React 기초(1)

✍🏻 [FE-Interview][React] | 1. React 기초(1) | React의 기초적인 특성과 부수효과에 대해 정리해 보았다!

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

React Side effect

React side effect 이해하기

2022년 6월 25일
·
0개의 댓글
·

[개발자되기: 클라이언트 Ajax 요청] Day-30

컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 전달받음 단방향 데이터 흐름(one-way data flow)(맞으면 state 아님)(맞으면 state 아님)(맞으면 state 아님)ex) 하위 컴포넌트의 클릭 이벤트가 부모의 상태를 바꾸어야만 하는 상황 =

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

useEffect Hook - !

useEffect (렌더링 말고 다른 동작 하고 싶을 때) Side Effect - 부정적일 때가 아니라 그냥 현상 자체를 말할 때 ( input, output에 아무런 영향 미치지 않을 때, 그 외의 다른 행위, input output 외에 다른 값을 조작하는

2022년 3월 21일
·
0개의 댓글
·
post-thumbnail

[react] useEffect

언제, 어떻게 사용해야 하는지는 알겠는데, 왜 사용해야 하는지 와닿지 않아서 정리하면서 개념을 이해해보기로 했다. 이유를 알아내려고 삽질한 과정의 기록이다...💦📌 우선!const \[state, setState] = useState(initailValue);여기에

2022년 1월 27일
·
0개의 댓글
·