관심쟁이 영호

오늘은 내가 개발 공부를 하면서 가장 많이 사용했던 입력 폼 처리에 대해서 공부를 할 것이다. 목차 입력 폼 처리란 입력 폼 적용 입력 폼 처리란? 웹 개발공부를 하면서 Form 형태로 data를 주고받는 경우를 자주 볼 수 있다. Thymeleaf는 해당 폼 데이터를 주고받을 때, 많은 도움을 준다. 입력 폼 적용 다음의 코드를 보자. 상품명 가격 수량 위 코드를 보면 1개의 폼을 볼 수 있다. 태그를 1개씩 살펴보자. th:object : 객체를 지정한다. *{~} : th:object에서 지정한 객체에 접근한다. *{itemName}이라고 하면 item.itemName이다. th:field : HTML 태그의 id, name, value 속성을 자동 처리해준다. 는 다음과 같이 렌더링 된다.

이전 시간에는 데이터베이스에 테이블을 어떻게 생성하는지 살펴보았다. 이번 시간에는 웹에서 데이터를 생성할 때를 살펴보자. 회원가입을 해보자. 위 그림과 같이 생성했다. "Submit" 버튼을 눌렀을 때, 어떤일이 일어날까!? - 먼저 해당화면을 구성하는 html을 살펴보자. 이름 Incorrect date 도시 거리 우편번호 Submit 위와 같이 구성되었다. 여기서 태그에 주목을 하면, "" 이렇게 코드가 짜여져 있다. 자세한 이해를 하고 싶다면, html의 form태그의 기능을 살펴보자! action 으로 "/members/new"라고 적혀있다. "/members/new"라고 매핑이 되어있는 곳으로 해당 폼정보를 던진다는 뜻이다. method는 폼정보를 post형태로 던진다는 뜻이다. 이렇게 던지면,..