멍이

Todo 추가 서비스 Todo 추가를 통해 이벤트 핸들러 함수를 구현하는 방법과 핸들러 함수를 UI에 연결 Todo 추가 모듈 생성 imoprt React from "react"; import {TextField, Paper Button, Grid} from "@material-ui/core"; class AddTodo extends React.Component { constructor(props) { super(props); this.state = { item : { title : ""} }; } render(){ return( + ) } } export default AddTodo; App.js에 AddTodo 컴포넌트 추가 import React from 'react'; import Todo fro..

책에서 프론트 개발은 React.js 사용하여 진행 하엿고, 함수형 컴포넌트가 아닌 레거시로 진행 하였다. 저도 프론트 관련은 매우 초보이기 때문에 책 내용으로 진행 할 예정이고, 함수형 컴포넌트는 저자님의 깃 주소를 남기도록 하겠습니다. 1. material-ui 패키지 matertial-ui 패키지를 이용한다면 UI 컴포넌트나 CSS를 고려하지 않아도 됩니다. https://material-ui.com MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or sta..

디펜던시 라이브러리 추가 메이븐 센트럴을 사용하여 메이븐 리포지터리를 이용해서 라이브러리를 추가 1. google guava 추가(필수 X) 2. 버전 선택 28.1-jre 버전 선택 3. 구글 구아바 그래들 스니펫에 추가 dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-security' compileOnly 'org.projectlombok:lombok' runtimeOnly..