- thymeleaf 사용
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
- bootstrap 사용
bootstrap, bootstrap.min 만 가져오기
<head>
<!-- 부트스트랩 css 사용 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<body>
<!-- 부트스트랩 js 사용 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
- Figma
https://www.youtube.com/watch?v=6mbl6hdbivI
디자인 스케치 → 와이어프레임 → UI 디자인
계층: 레이어 - 프레임 - 페이지 캔버스
- 정보 설계
- 로우파이 스케치
- 와이어프레임 제작
'Spring' 카테고리의 다른 글
| AWS (0) | 2024.05.23 |
|---|---|
| RESTFUL API 설계 (0) | 2024.04.04 |