우주를 사랑하는 개발자 우주를 사랑하는 개발자

-Ant Desing (Antd)는 리액트에서 customize 하여 사용 할 수 있는 디자인 컴포넌트 인터페이스이다. -무료로 사용 할 수 있으며 다양한 컴포넌트를 제공해 준다. 설치 순서 1. 리액트 프로젝트를 생성해 준다. yarn create react-app {project name} // or yarn creat-react-app {project name} 2. 리액트 프로젝트에서 package.json에 antd를 추가해 준다. // npm 을 사용 할 경우 npm install antd // yarn 을 사용 할 경우 yarn add antd 3. src/App.css 에 antd/dis/antd.css 를 추가해 준다. @import '~antd/dist/antd.css'; 주의사항 설치..

- 몇 년 전에 리액트를 처음 배울 때 보았던 기초적인 이 에러를 오랜만에 리액트를 하면서 다시 경험하게 되었다. - 아주 기초적인 에러이고 이미 경험했던 에러지만 오랜만에 리액트를 하면서 문제를 찾아내는데 상당한 시간이 걸렸다. 문제 상황 - 컴포넌트 안에 컴포넌트를 생성하여 컴포넌트를 리턴하였는데 아무것도 랜더링이 되지 않았다. - VScode 상에서는 딱히 에러를 띄워주지 않았고 빌드를 해도 아무런 에러가 생기지 않았다. - 하지만 VScode 상에서 분명히 선언했던 컴포넌트가 해당 값이 사용되지 않고 있다는 표시가 되었다. 해결 - 리액트를 처음 배울 때 아주 기초적인 것을 까먹고 있었다. - 바로 리액트 컴포넌트의 이름은 대문자로 시작해야 한다는 것이었다. - 처음에 컴포넌트 이름은 컴포넌트를 ..