반응형 △71 React 경고 메시지: DOM 요소에 유효하지 않은 속성 전달 방지하기 경고 메시지 정의: "React에서 사용자 정의 컴포넌트에 정의되지 않은 props가 DOM 요소로 전달될 때 발생하는 경고로, 이는 React가 유효하지 않은 HTML 속성을 감지했음을 의미한다."이 메시지는 React와 같은 라이브러리에서 사용자 정의 컴포넌트에 정의되지 않은 속성을 DOM 요소로 전달하려고 할 때 발생할 수 있습니다. 이 경우, btncolor라는 속성이 DOM에 직접 전달되지 않아야 하지만 전달되고 있어 경고가 발생한 것입니다. 수정 전 코드let YellowBtn = styled.button` background : ${ props => props.btncolor }; color : ${ [props => props.btncolor == 'blue' ? 'white' .. 2024. 7. 26. Each child in a list should have a unique "key" prop 오류를 해결해보자 리액트를 배우던 도중, 콘솔창을 보니 이런 에러가 뜨고 있었다. React에서 "Each child in a list should have a unique 'key' prop" 오류 메시지는, 일반적으로 React 컴포넌트가 리스트를 렌더링할 때 각 항목에 고유한 key 속성이 필요할 때 발생합니다. 이 오류는 주로 다음과 같은 상황에서 나타납니다:리스트 렌더링: map() 메서드 등을 사용하여 배열을 반복 처리하면서 JSX 요소를 생성할 때, React는 각 항목을 구분하기 위해 고유한 key를 필요로 합니다. key 속성은 React가 각 항목을 식별하고, 나중에 변경, 추가 또는 삭제될 때 해당 항목을 효율적으로 업데이트할 수 있도록 돕습니다.고유하지 않은 키: key 속성에 고유하지 않은 값을 .. 2024. 7. 26. 캐시메모리 CPU가 메모리에 접근하는 시간은 CPU 연산 속도보다 느리다 저장 장치 계층 구조 (memory hierarchy) CPU와 가까운 저장 장치는 빠르고, 멀리 있는 저장 장치는 느리다. 속도가 빠른 저장 장치는 저장 용량이 작고, 가격이 비싸다. 레지스터 vs 메모리(RAM) vs USB메모리 캐시 메모리 CPU와 메모리 사이에 위치한, 레지스터보다는 용량이 크고 메모리보다 빠른 SRAM 기반의 저장 장치 CPU가 매번 메모리에 왔다 갔다 하는 건 시간이 오래 걸리니, 메모리에서 CPU가 사용할 일부 데이터를 미리 캐시메모리로 가지고 와서 쓰자 계층적 캐시 메모리 일반적으로 L1 캐시와 L2 캐시는 코어(CPU) 내부에, L3 캐시는 코어 외부에 위치 분리형 캐시 L1캐시를 명령어만을 담기 위한 L1I.. 2024. 4. 15. 메모리의 주소 공간 메모리 내 주소체계 : 물리주소, 논리주소 메모리에 저장된 값들은 시시각각 변한다. 새롭게 실행되는 프로그램은 새롭게 메모리에 적재 실행이 끝난 프로그램은 메모리에서 삭제 같은 프로그램을 실행하더라도 실행할 때마다 적재되는 주소는 달라짐 물리 주소 메모리 입장에서 바라본 주소 말 그대로 정보가 실제로 저장된 하드웨어상의 주소 논리 주소 CPU와 실행중인 프로그램 입장에서 바라본 주소 실행중인 프로그램 각각에게 부여된 0번지부터 시작하는 주소 물리 주소와 논리 주소의 변환 MMU(메모리 관리 장치)라는 하드웨어가 논리 주소와 베이스 레지스터 값을 더하여 논리 주소를 물리 주소로 변환 한계 레지스터 (limit register) 프로그램의 영역을 침범할 수 있는 명령어의 실행을 막음 베이스 레지스터가 실행 .. 2024. 4. 9. RAM의 특성과 종류 주기억장치 종류 : RAM(random access memory) / ROM(read-only memory) '메모리'라는 용어는 RAM을 지칭하는 경우가 많다. RAM의 특성 RAM에 실행할 대상을 저장 저장한 내용은 전원이 꺼지면 잃어버림 (휘발성 저장장치) 보조기억장치에 보관할 대상을 넣어둠 (하드디스크, USB, CD룸 등) 비휘발성 저장장치 램의 크기는 컴퓨터 선정에 중요한 역할을 한다. 램이 작다면 램에 저장되어있지 않은 메모리를 보조 기억장치에서 가져와야 하는데, 램이 크다면 그 수고를 덜 수 있다. RAM의 종류 DRAM(Dynamic RAM) 저장된 데이터가 동적으로 사라진다. 데이터 소멸을 막기 위해 주기적으로 재활성화 해야한다.(다시 저장, refresh) 일반적으로 메모리로 사용되는.. 2024. 4. 5. 이전 1 2 3 4 ··· 15 다음 반응형