회원가입 뷰

옛날의 정석
- style 은 header 쪽에 둬서 레더링되기전에 읽혀서 화면 표출할때 레더링 된 style 이 나오고
- javascript 는 읽는데 시간이 오래걸리니깐 쪽에 둬서 화면이 끊겨서 로딩되는걸 방지하는게끔
th - TimeLeaf
- 장점
- 서버쪽에서 렌더링하지 않아도 프론트엔드 개발자가 서버 안띄워놓고 볼 수 있음
- TimeLeaf namespace 설정해줘야해
- TimeLeaf로 렌더링 할 때 href 값을 @{} 이 값으로 바꿔줌
- @{} 이 값은 servlet-context에 따라 바뀌는데 지금은 root라서 이렇게했음
```
<html lang="en" xmlns:th="http:timeleaf.org">

<a class="navbar-brand" href="/" th:href="@{/}">
```
- signUpForm 을 object 로 설정해놓음
```
<form class="needs-validation col-sm-6" action="#"
              th:action="@{/signup}" th:object="${signUpForm}" method="post" novalidate>
```

반드시 input 값을 써야 할 때 required

<input id="email" type="email" th:field="*{email}" class="form-control"
     placeholder="your@email.com" aria-describedby="emailHelp" required>

kmjkmj20055 / studyolle