CS

리액트의 생명주기에 관하여

리액트의 라이프사이클은 컴포넌트가 생성되고 업데이트되며 소멸되는 과정을 단계적으로 설명하는 개념입니다. 리액트 라이프사이클은 클래스형 컴포넌트에서 주로 사용되며, 함수형 컴포넌트에서는 React Hook인 `useEffect`를 활용하여 비슷한 기능을 구현할 수 있습니다. React 16.3 이후부터는 라이프사이클 API가 변경되었으며, 아래는 React 16.3 이후의 라이프사이클 메서드들을 정리한 것입니다. 생명주기 메서드는 다음과 같이 세 가지 카테고리로 나눌 수 있습니다. 1. 마운트 (Mounting) - 컴포넌트가 생성되어 DOM에 삽입될 때의 단계입니다. - `constructor`: 컴포넌트가 생성될 때 호출되는 생성자 메서드입니다. - `static getDerivedStateFromPr..

스택과 큐의 차이점

스택과 큐는 둘다 데이터를 저장하고 관리하는 자료구조로 데이터를 넣겆나 빼는 방법에 차이가 있다. 짧게 줄여 스택은 Last-In-First-Out(후입선출) 구조이며, 큐는 First-In-First-Out(선입선출) 방식입니다. 스택은 함수호출, 재귀 알고리즘, 뒤로가기 기능에 적합하며, 큐는 알고리즘, 작업 큐에 유용합니다.

자주쓰는 색상을 React에서 관리하는 방법

React에서 반복적으로 사용되는 색 코드를 관리하기 위해서는 보통 다음과 같은 방법들을 사용합니다: 1. 상수로 관리하기: 색 코드를 JavaScript 파일에 상수로 정의하여 사용하는 방법입니다. 일반적으로 `constants.js` 또는 `colors.js`와 같은 파일을 생성하여 색 코드를 정의합니다. 이 파일을 필요한 컴포넌트에서 import하여 사용합니다. //색 코드 정의 export const COLORS = { PRIMARY: '#FF5733', SECONDARY: '#4287f5', BACKGROUND: '#F2F2F2', TEXT: '#333333', ACCENT: '#FFC107', }; //색 코드가 필요한 곳에서 import해서 사용한다. import React from 'rea..

부모 자식간의 교류에 관하여.

props는 React 컴포넌트에서 부모 컴포넌트로부터 값을 전달받는 데 사용되는 속성입니다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 props를 사용하며, 이는 단방향 데이터 흐름을 나타냅니다. 반대로 자식 컴포넌트에서 부모 컴포넌트의 값을 변경하려면 부모 컴포넌트에서 자식 컴포넌트로 콜백함수를 전달하는 방식을 사용합니다. 자식 컴포넌트는 이 콜백 함수를 호출하여 부모 컴포넌트에게 데이터를 전달합니다. 이러한 방식으로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하면 단방향 데이터 흐름의 한계를 극복할 수 있습니다. 콜백함수 사용하기. 1. 부모컴포넌트에서 콜백함수를 정의 2. 정의한 콜백함수를 자식의 props로 전달하고, 3. 자식 컴포넌트에서 어떤 이벤트가 발생했을때, 콜백 함수를..