본문 바로가기

연동2

[리액트, 스프링부트 연동하여 CRUD 구현] #7 - 리액트 앱에 Material UI 적용하기 (7/10) 리액트, 스프링부트 연동하여 CRUD 구현#7 리액트 앱에 Material UI 적용하기 React Material UI는 리액트 앱을 빠르고 쉽게 디자인할 수 있는 프레임워크입니다. 자세한 내용은 공식 홈페이지를 참고하세요. 보통 CSS, Styled-Components, 혹은 BootStrap을 사용합니다. 하지만 우리는 리액트를 공부하고 있기에, 리액트 프레임워크 중 하나인 Material UI를 사용하겠습니다. Material UI의 장점으로는 쉽고 빠르게 앱을 꾸밀 수 있다는 겁니다. 그리고 레이아웃, 내비게이션 등 다양한 요소들을 컴포넌트 형식으로 지원합니다. Material UI를 사용하기 위해서는 Material UI를 CLI, 즉 터미널이나 명령프롬포트를 통해 다운받아야 합니다. 아래의 .. 2020. 1. 20.
[리액트, 스프링부트 연동하여 CRUD 구현] #3 - User List Component 생성 및 Delete 구현 (3/10) 리액트, 스프링부트 연동하여 CRUD 구현하기#3 User List Component 생성 및 Delete 구현 이번 글에서 CRUD에서 R과 D를 담당하고 있는 Read와 Delete를 생성하겠습니다. 위키디피아에서 CRUD를 다음과 같이 설명합니다. "대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다." - 위키디피아 즉, 게시판의 기본이자 핵심 기능인 글 목록보기, 생성, 수정 그리고 삭제를 일컫는 말이다.글 게시 순서는 읽기, 생성, 갱신 및 삭제 순으로 할 것이다. 왜 이렇게 하냐 하면.. 2020. 1. 16.