antdesign2 [ Ant Design ] React + Ant Design + React Router Dom으로 사이드 메뉴 라우팅 구현하기 이 글에서는 React 프로젝트를 처음부터 셋업 하고,Ant Design의 메뉴 컴포넌트를 활용해 사이드바 라우팅 UI를 구현하는 과정을 단계별로 정리해 보겠습니다. 1. React 프로젝트 생성원하는 위치에 React 파일을 생성합니다.npx create-react-app 프로젝트이름cd 프로젝트이름 2. Ant desgin 설치Ant design의 메뉴를 사용하기 위해서 아래의 명령어로 Ant design을 설치합니다.npm install antd# 또는yarn add antd 3. React Router 설치페이지 이동 기능을 구현하기 위해 React Router를 설치합니다.npm install react-router-dom# 또는yarn add react-router-dom 4. 파일 구조.. 2025. 4. 18. [ Ant Design ] 엔트디자인 왜 배워야 하고, 그 미래는 어떻게 될까요? 오늘은 많은 개발자들이 주목하고 있는 UI 라이브러리, Ant Design에 대해 이야기해보려고 합니다!혹시 React로 프로젝트를 진행하고 계신가요? 그렇다면 Ant Design은 여러분의 개발 생산성을 크게 향상시킬 수 있는 도구가 될 것입니다. 이 글에서는 Ant Design의 주요 장점, 배워야 할 이유, 그리고 앞으로의 전망에 대해 다뤄보겠습니다. Ant Design의 주요 장점1. 통합된 디자인 시스템Ant Design의 가장 큰 매력 중 하나는 일관된 디자인 시스템입니다. 많은 UI 라이브러리가 있지만, Ant Design은 특히 대규모 기업 애플리케이션을 염두에 두고 설계되었습니다. 다양한 UI 컴포넌트와 스타일 가이드를 제공하여, 사용자에게 일관된 경험을 제공할 수 있습니다. 디자인의 .. 2024. 8. 9. 이전 1 다음 728x90
