-
[김영한 스프링] 28. 스프링 MVC 웹 페이지 만들기 - 프로젝트 생성 & 세팅 & 요구사항 분석Spring/스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 2023. 7. 19. 00:09
프로젝트 생성
프로젝트 만들기
https://start.spring.io
- 프로젝트 선택
- Project : Gradle-Groovy
- Language : Java
- Spring Boot : SNAPSHOT이 아닌 버전에서 2.x
- Project Metadata
- Group : hello
- Artifact : item-service
- Name : item-service
- Package name : hello.itemservice
- Packaging : Jar (주의!)
- Java : 11
- Dependencies : Spring Web, Thymeleaf, Lombok
프로젝트 열기
build.gradle 선택 -> 프로젝트 열기
설정
설정 -> 어노테이션 프로세서 -> 어노테이션 처리 활성화 체크
설정 -> 파일 인코딩 -> 프로퍼티 파일에 대한 디폴트 인코딩을 UTF-8로 변경
설정 -> Gradle -> Intelij IDEA로 변경
실행
Error Page 나오면 성공
Welcome 페이지 추가
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>상품 관리 <ul> <li><a href="/basic/items">상품 관리 - 기본</a></li> </ul> </li> </ul> </body> </html>
main/resources/static/index.html 생성
실행
요구사항 분석
상품 도메인 모델
- 상품 ID
- 상품명
- 가격수량
상품 관리 기능
- 상품 목록
- 상품 상세
- 상품 등록
- 상품 수정
서비스 화면
서비스 제공 흐름
요구사항이 정리되고 디자이너, 웹 퍼블리셔, 백엔드 개발자가 업무를 나누어 진행한다.
디자이너 : 요구사항에 맞도록 디자인하고, 디자인 결과물을 웹 퍼블리셔에게 넘겨준다.
웹 퍼블리셔 : 다자이너에서 받은 디자인을 기반으로 HTML, CSS를 만들어 개발자에게 제공한다.
백엔드 개발자 : 디자이너, 웹 퍼블리셔를 통해서 HTML 화면이 나오기 전까지 시스템을 설계하고, 핵심 비즈니스 모델을 개발한다. 이후 HTML이 나오면 이 HTML을 뷰 템플릿으로 변환해서 동적으로 화면을 그리고, 또 웹 화면의 흐름을 제어한다.
참고
React, Vue.js 같은 웹 클라이언트 기술을 사용하고, 웹 프론트엔드 개발자가 별도로 있으면, 웹 프론트엔드 개발자가 웹 퍼블리셔 역할까지 포함해서 하는 경우도 있다.
웹 클라이언트 기술을 사용하면, 웹 프론트엔드 개발자가 HTML을 동적으로 만드는 역할과 웹 화면의 흐름을 담당한다. 이 경우 백엔드 개발자는 HTML 뷰 템플릿을 직접 만지는 대신에, HTTP API를 통해 웹 클라이언트가 필요로 하는 데이터와 기능을 제공하면 된다.출처 : https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-1
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 - 인프런 | 강의
웹 애플리케이션을 개발할 때 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. 스프링 MVC의 핵심 원리와 구조를 이해하고, 더 깊이있는 백엔드 개발자로 성장할 수 있습니다., 원
www.inflearn.com
'Spring > 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술' 카테고리의 다른 글
[김영한 스프링] 30. 스프링 MVC 웹 페이지 만들기 - 상품 서비스 HTML (0) 2023.07.20 [김영한 스프링] 29. 스프링 MVC 웹 페이지 만들기 - 상품 도메인 개발 (0) 2023.07.19 [김영한 스프링] 27. 스프링 MVC 기본 기능 - HTTP 메시지 컨버터 & 요청 매핑 헨들러 어뎁터 구조 (0) 2023.07.18 [김영한 스프링] 26. 스프링 MVC 기본 기능 - 응답 (0) 2023.07.17 [김영한 스프링] 25. 스프링 MVC 기본 기능 - HTTP 요청 메시지 (0) 2023.07.14 - 프로젝트 선택