전체 글360 스프링 MVC - 웹 페이지 만들기: 상품 등록 폼 이 글은 김영한 님의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 강의를 수강하며 정리한 글입니다. BasicItemController에 추가 데이터를 저장하는 것이 아니라 폼을 보여 주는 것이므로 Get 방식이다 상품 등록 폼은 단순히 뷰 템플릿만 호출한다. 상품 등록 폼 뷰 정적 HTML을 뷰 템플릿(templates) 영역으로 복사 /resources/static/addForm.html → 복사 → /resources/templates/basic/addForm.html 상: 정적 HTML, 하: 타임리프를 적용한 동적 파일 속성 변경 - th:action ˙ HTML form에서 action에 값이 없으면 현재 URL에 데이터를 전송한다. ˙ 상품 등록 폼의 URL과 실제 상품 등록을 처리하는.. 2022. 5. 12. 스프링 MVC - 웹 페이지 만들기: 상품 상세 이 글은 김영한 님의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 강의를 수강하며 정리한 글입니다. 상품 상세 컨트롤러와 뷰를 개발 BasicItemController에 추가 PathVariable로 넘어온 상품ID로 상품을 조회하고, 모델에 담아둔다. 그리고 뷰 템플릿을 호출한다. 상품 상세 뷰 정적 HTML을 뷰 템플릿(templates) 영역으로 복사 /resources/static/item.html → 복사 → /resources/templates/basic/item.html 상: 정적 HTML, 하: 타임리프를 적용한 동적 파일 속성 변경 - th:value th:value="${item.id}" ˙ 모델에 있는 item 정보를 획득하고 프로퍼티 접근법으로 출력한다. item.getId().. 2022. 5. 12. 스프링 MVC - 웹 페이지 만들기: 상품 목록 - 타임리프 보호되어 있는 글 입니다. 2022. 5. 12. 스프링 MVC - 웹 페이지 만들기: 상품 서비스 HTML 이 글은 김영한 님의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 강의를 수강하며 정리한 글입니다. 핵심 비즈니스 로직을 개발하는 동안, 웹 퍼블리셔는 HTML 마크업을 완료했다. 다음 파일들을 경로에 넣고 잘 동작하는지 확인해 보자. 부트스트랩 참고로 HTML을 편리하게 개발하기 위해 부트스트랩 사용했다. 먼저 필요한 부트스트랩 파일을 설치하자 부트스트랩 공식 사이트: https://getbootstrap.com 부트스트랩을 다운로드 받고 압축을 풀자. ˙ 이동: https://getbootstrap.com/docs/5.0/getting-started/download/ ˙ Compiled CSS and JS 항목을 다운로드하자. ˙ 압축을 출고 bootstrap.min.css 를 복사해서 다음 폴.. 2022. 5. 11. 스프링 MVC - 웹 페이지 만들기: 상품 도메인 개발 보호되어 있는 글 입니다. 2022. 5. 11. 스프링 MVC - 웹 페이지 만들기: 프로젝트 생성, 요구사항 분석 보호되어 있는 글 입니다. 2022. 5. 11. 이전 1 ··· 39 40 41 42 43 44 45 ··· 60 다음
