Window 10 Chrome
- STS - Spring boot 실행
- https://localhost:8080 접속
--> 추후 AWS를 통해 클라이언트 배포
-
STS
-
VS code -> Frontend 폴더 cmd 실행 -> yarn install -> yarn serve(실행) -> npm install --save vue-session(세션사용) -> yarn add core-js(세션 사용)
-> vue add vuetify(vuetify 설치)
- vue-bootstrap
- 키워드 검색
- 로그인
- 이메일, 패스워드
- 로그인 후 사용자 닉네임 화면 표시
- 회원가입
- 검색 결과 표시
- 공용 데이터
- 로그인을 한 사용자라면 누구나 수정 가능
- 비회원인경우, 읽기만 가능
- 키워드와 관련된 블로그 리스트 표시
- 블로그 제목, 글쓴이, 작성일자, 조회수, 좋아요 표시
- 글 작성
- 글 수정
- 글 삭제
- 파일 업로드
- 내가 쓴 글 목록
- 회원 정보 수정
- 이메일, 닉네임 수정 불가능
- 비밀번호 수정 가능
- 프로필, 자기소개 등록
- 회원 정보 표시
- Window 10
- STS - Spring Boot
- Vue, yarn, axios
- Java, REST API, MyBatis
- HTML, CSS, Bootstrakp
- MariDB
+) Git, Jira 협업 툴 이용
MVC 패턴
- User
- Users: 로그인
- SignupRequest: 회원가입
- Blog
- Blog: 게시글 번호, 키워드, 블로그 제목, 내용, 글쓴이, 좋아요, 조회수, 작성시간
- BlogResponse: Blog list와 Keyword 구분하여 전달
- UserSignup: 회원관리 CRUD MyBatis 연동
- BlogDao: Blog CRUD MyBatis 연동
- AccountController: 회원 관리
- BlogController: 블로그 관리
- blog.xml: Blog CRUD MyBatis
- user.xml: 회원 CRUD MyBatis
- MyList: 로그인 한 회원의 글 쓴 리스트 출력
- Join: 회원가입
- Login: 로그인
- Update: 회원수정
- Header: 네이게이션바 & 로그인, 로그아웃