전체 글 (18) 썸네일형 리스트형 리프팅 스테이트 업(Lifting State Up) 정리 리프팅 스테이트 업은 React에서 사용되는 중요한 디자인 패턴으로, 하위 컴포넌트들 간에 데이터를 공유하기 위해 상태(state)를 상위 컴포넌트로 끌어올리는 기법이다.기본 개념정의: 여러 자식 컴포넌트에서 동일한 데이터를 사용해야 할 때, 그 데이터를 관리하는 상태를 가장 가까운 공통 부모 컴포넌트로 이동시키는 것목적:여러 컴포넌트 간에 일관된 상태 유지단방향 데이터 흐름 유지상태 관리 로직 집중화실제 예시: 온도 변환기아래는 섭씨와 화씨 온도를 상호 변환하는 컴포넌트에서 리프팅 스테이트 업을 적용한 핵심 코드다.1. 부모 컴포넌트에서 상태 관리function Calculator() { // 상태를 부모 컴포넌트에서 관리 const [temperature, setTemperature] = useS.. 디펜던시(Dependency)와 데브 디펜던시(Dev Dependency) 디펜던시(Dependency)의 심층 이해디펜던시는 애플리케이션이 실행 시점에 필요한 외부 패키지이다. 런타임 필수 요소: 애플리케이션이 실행되기 위해 반드시 필요한 코드배포에 포함: 프로덕션 서버에도 설치되어야 함 사용자 경험에 직접 영향: 이 패키지들이 없으면 애플리케이션은 정상적으로 작동하지 않음예를 들어, React로 만든 웹 애플리케이션에서 React는 화면을 렌더링하기 위한 필수 패키지이므로 디펜던시이다. 사용자가 웹사이트를 방문할 때 React 코드가 브라우저에 로드되어야 하기 때문 데브 디펜던시(Dev Dependency)의 심층 이해데브 디펜던시는 개발 과정에서만 필요한 도구들이다. 개발 도구: 코드 작성, 테스트, 빌드 등을 돕는 도구.배포에서 제외: 최종 사용자에게 전달되는 코드에는 .. TextInput 에서 영어가 대문자로 시작할 때 autoCapitalize="none" 옵션을 넣어 대문자 자동변환을 막아주면 됨 이전 1 2 3 4 ··· 6 다음
