전체 글 (40) 썸네일형 리스트형 [React] 정적인 컴포넌트를 보관할 때 header나 footer와 같은 정적인 컴포넌트를 보관할 때에는 굳이 component로 보관하지 않아도됨 index.html 위와같이 header를 컴포넌트로 만들지 않고 index.html에 직접 만들어도 된다는 소리다. img src 를 참조할 때, public 폴더 내에 png파일을 넣으면 png파일 이름만 src에 삽입하면 된다 (index.html, index.css에서 직접 참조 가능) 경로 public : public/에 저장된 이미지는 프로젝트 개발 서버 및 빌드 프로세스에 의해 공개적으로 제공되기 떄문이다. 이 파일들은 브라우저 내에서도 직접방문 가능 ex) localhost:8080/test-logo.png => 빌드 프로세스에 의해 처리되지 않는이미지 ex ) 파비콘 대체적으로 사.. [React] proxy props 사용하기 id, className 등등 하나하나 구조분해할당을 통해 props로 넘기게 되면 효율 성이 떨어지므로 ...props를 사용하여 부모 컴포넌트에 있는 속성을 자식 컴포넌트로 넘길 수 있음. 1. 부모 컴포넌트 hi 2. 자식 컴포넌트 export default function Section({title, children, ...props}){ return ( {title} {children} ) } [React] key prop의 중요성 1. Error 문구 : 목록에 있는 각 자녀가 고유의 키 prop을 가져야 한다는 문구 Warning: Each child in al list should have a unique key prop. Check the render method of ''. See for more information. 위의 에러가 나는 예시 코드 return {LIST.map((item) => ())} 2. 해결 방법 내장 요소너 커스텀 컴포넌트에 고유한 key prop추가 *고유한 값이어야함!! return {LIST.map((item) => ())} 2. key가 필요한 이유 1). 리액트가 아이템을 구별하기 위해 사용하기 위해서 : 리액트 시스템 내부에서 이 목록을 효율적으로 렌더링하고 업데이트하기 위해 사용. 즉,.. 이전 1 ··· 9 10 11 12 13 14 다음 목록 더보기