2024/12 3

C

클로저 관련 정리

Lexical Scope변수의 유효 범위를 결정하는 규칙.코드가 실행될 때가 아니라 작성될 때 결정됨.Lexical = 문맥스코프 예시let globalVar = "global"; // 글로벌 스코프function outerFunction() { let outerVar = "outer"; // outerFunction의 렉시컬 스코프 function innerFunction() { let innerVar = "inner"; // innerFunction의 렉시컬 스코프 console.log(globalVar); // "global" console.log(outerVar); // "outer" console.log(innerVar); // "inner" } innerFunc..

카테고리 없음 2024.12.25

C

직렬화 (Serialization)

직렬화직렬화는 데이터를 저장하거나 전송할 수 있는 형식으로 변환하는 것. (주로 텍스트 또는 바이너리)장점데이터 전송 및 저장 용이: 직렬화된 데이터는 네트워크를 통해 쉽게 전송하거나 파일에 저장할 수 있다. 예를 들어, 서버와 클라이언트 간에 객체를 전송하거나 디스크에 데이터를 저장할 때 유용하다.플랫폼 독립성: 직렬화된 데이터는 다양한 운영체제나 시스템에서 동일한 형식으로 읽고 쓸 수 있다. 예를 들어, JSON 형식은 다양한 언어에서 처리할 수 있어, 서로 다른 시스템 간 데이터 교환이 가능하다.성능 최적화 (바이너리 형식): 바이너리 형식으로 직렬화하면 데이터 크기가 작아지고, 전송 속도가 빨라질 수 있다. 특히 대용량 데이터를 다룰 때 유리하다.직렬화 단점성능 저하 가능성: 객체의 복잡도가 높거..

Dev 2024.12.24

C

React Component가 리렌더링 되는 이유

웹 플젝 하던 중 Context, 모달, 소켓 등이 짬뽕되자 원하지 않는 부분에서 자꾸 렌더링이 되는 문제가 있어서 알아본 내용.Component가 리렌더링 되는 경우들State가 변경될 때: 컴포넌트의 state가 변경되면 해당 컴포넌트와 그 하위 컴포넌트들이 리렌더링됩니다. this.setState({ value: newValue });Props가 변경될 때: 부모 컴포넌트에서 전달되는 props가 변경되면 자식 컴포넌트가 리렌더링됩니다. 부모 컴포넌트가 리렌더링될 때: 부모 컴포넌트가 리렌더링되면 자식 컴포넌트들도 리렌더링됩니다.forceUpdate가 호출될 때: forceUpdate 메서드를 호출하면 강제로 컴포넌트가 리렌더링됩니다. this.forceUpdate();Context가 변경될 때: ..

Dev/React 2024.12.18