본문으로 바로가기

# 3. 디자인 시안 확인

category Spring boot 2024. 8. 2. 17:47

💡 화면 구성 확인

이번 강의에서 디자인 요소에 대한 설명은 가능한 간단하게 진행할 예정입니다 CSS 프레임워크인 bootstrap4를 활용하지만 여러분들이 원하는 디자인으로 마음껏 수정해도 좋습니다.


https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_template1

 

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

부스트랩4 템플릿

 

메인페이지 

 

회원 가입 페이지

로그인 페이지

계좌 생성 페이지

출금 페이지

입금 페이지

이체 페이지

 

계좌 목록 페이지

계좌 상세보기 페이지

 

'Spring boot' 카테고리의 다른 글

# 7. 화면 구현 - 1(템플릿 가져오기)  (0) 2024.08.06
# 6. 모델링  (0) 2024.08.06
#4. 패키지 설정  (0) 2024.08.06
2. yml 파일 설정하기  (0) 2024.08.02
Bank App 만들기 (deployment) / 1. 프로젝트 설정  (0) 2024.08.02