Spring Boot와 Vue를 활용한 CRUD가 가능한 웹페이지 만들기(0) - 프로젝트 소개

목차 - https://okane-on-cliff.tistory.com/227

 

이번 프로젝트는 사용성과 디자인은 생각하지 않고 오로지 기능 시연을 위해 만들었다.

이 글은 다시 만들 때 해메지 않도록 개발 과정의 뼈대들과 내가 겪은 시행착오들을 기술한다.

 

프로젝트 소개

메인페이지 - 제목과 내용을 적을 수 있는 <input>, 글 목록

글 페이지 - 메인페이지에서 글 목록의 제목을 클릭하면 넘어갈 수 있는 페이지 글 내용을 확인할 수 있고 수정 삭제를 할 수 있다.

글 수정 페이지 - 글 페이지에서 수정 버튼을 누르면 넘어갈 수 있는 페이지 글 제목과 글 내용을 적을 수 있는 <input>이 있다.

데이터 베이스 - table인 article은 3개의 column을 가지고 있다.

     (1)num = 기본키이며 자동으로 숫자가 1씩 증가한다.

     (2)title = 글 제목이다

     (3)content = 글 내용이다

create database board;
use board;
drop table article;
create table article (
	num int auto_increment primary key,
    title varchar(100),
    content varchar(100)
);
insert into article(title, content) value("첫 번째 글", "첫 번째 글의 내용");
insert into article(title, content) value("두 번째 글", "두 번째 글의 내용");
select * from article;