프론트 개발자를 위한 여정

모든 영역을 안내하는 개발자

2024/11/14 3

React에서 React.Fragment를 사용하는 이유

React 컴포넌트를 작성하다 보면 JSX에서 최상위 요소를 하나만 리턴해야 하는 규칙을 마주하게 됩니다.이 규칙은 React의 가상 DOM과 연관이 있으며, 효율적인 렌더링과 성능 최적화를 위해 중요합니다.이 글에서는 React.Fragment와 그 축약형인 빈 태그 ( )를 사용하는 이유와 동작 방식을 설명합니다.React에서 최상위 요소 하나만 리턴하는 이유React는 가상 DOM (Virtual DOM)을 사용하여 렌더링 성능을 최적화합니다.컴포넌트가 업데이트될 때마다 React는 가상 DOM에서 변경 사항을 확인하고, 최소한의 변경만 실제 DOM에 반영합니다.이를 Reconciliation (조정) 과정이라고 부르며, React의 핵심 동작 방식 중 하나입니다.이때 가상 DOM을 효율적으로 비교..

Frontend/React 2024.11.14

[troubleshooting] pnpm version mismatch

문제이 오류는 현재 프로젝트가 특정 pnpm 버전(8버전)을 요구하는데, 사용 중인 pnpm 버전(9.9.0)이 그 요구 사항을 충족하지 않아서 발생하는 문제입니다.오류 메시지에서 보면:필요한 pnpm 버전: 8현재 설치된 pnpm 버전: 9.9.0프로젝트의 package.json 파일 내에 engines.pnpm 필드가 있어, 이 프로젝트는 pnpm 버전 8만 지원한다고 명시되어 있습니다.해결 방법1. pnpm의 특정 버전 설치 pnpm 버전 8을 설치하여 문제를 해결할 수 있습니다. 다음 명령어로 pnpm의 버전을 8로 지정하여 설치하세요:npm install -g pnpm@8  2. 프로젝트의 engines 설정 수정 만약 프로젝트 팀이 pnpm 9 버전을 사용할 준비가 된 상태라면, 프로젝트의 p..

Frontend/React 2024.11.14

[Git] Host Key Verification Failed

이 경고 메시지는 SSH가 원격 서버의 호스트 키(fingerprint)를 변경되었거나 기존의 호스트 키와 일치하지 않는 것으로 인식할 때 발생합니다. 이는 보안상의 경고로, 주로 아래와 같은 이유로 발생합니다:원격 서버의 SSH 호스트 키가 변경된 경우: 서버가 다시 설치되었거나 SSH 설정이 변경되었을 때 새로운 호스트 키가 생성될 수 있습니다.IP 또는 도메인이 동일하지만 서버가 다른 경우: 동일한 IP를 사용하는 다른 서버로 인해 기존 호스트 키와 충돌이 발생할 수 있습니다.서버의 도메인/IP와 호스트 키의 불일치: IP가 동일한 서버의 키가 변동된 경우에 발생할 수 있습니다.이 문제는 SSH가 이전의 호스트 키와 현재의 호스트 키가 일치하지 않는다는 것을 감지해 보안 경고를 발생시킨 것입니다. ..

Git 2024.11.14