728x90 반응형 Todo2 todo-app 2023년 3월 8일 React App을 컨테이너를 이용해서 배포하는 실습에 사용할 소스 코드입니다. 2023. 3. 8. 리액트 머티리얼 UI 컴포넌트를 이용한 할일 목록 구현 구글 머티리얼 디자인을 구현한 Material-UI 컴포넌트를 이용해서 할일 목록을 제작해 보겠습니다. https://material-ui.com/ #1 프로젝트 생성 C:\react> npx create-react-app todolist #2 Material-UI 컴포넌트 추가 C:\react\todolist> npm install @material-ui/core #3 TodoList.js 생성 할일 정보를 담을 배열 형식의 상태 변수(todos)와 값을 추가하는 함수(addTodo)를 정의하고, AppBar, Toolbar, Typography 컴포넌트를 이용해서 앱 이름을 출력합니다. 각 컴포넌트의 사용 방법은 아래 사이트를 참조하세요. App Bar ☞ https://material-ui.com/.. 2020. 5. 22. 이전 1 다음 728x90 반응형
