form
-
Spring Boot - 사용자 입력 데이터 처리Framework & Library/Spring Boot 2021. 9. 23. 17:56
사용자 입력 데이터 처리 회원 등록 폼 HTML 이름 등록 - 사용자가 이름을 입력할 수 있는 폼 형식의 HTML 파일이다. - input 태그에 이름을 입력하고 등록 버튼을 눌렀을 때, "/members/new" 주소에 POST 방식으로 전달된다. 웹 화면에서 데이터를 전달받을 폼 객체 public class MemberForm { private String name; public String getName() { return name; } public void setName(String name) { this.name = name; } } - 사용자가 입력한 이름 데이터와 매핑할 객체이다. 컨트롤러를 통한 데이터의 처리 @PostMapping(value = "/members/new") public S..
-
React 기초 - form 태그Framework & Library/React 2021. 9. 22. 18:35
form 태그의 구성 const [post, setPost] = useState({ id: '', title: '', content: '', }); const [posts, setPosts] = useState([ { id: 1, title: '제목1', content: '내용1' }, { id: 2, title: '제목2', content: '내용2' }, { id: 3, title: '제목3', content: '내용3' }, { id: 4, title: '제목4', content: '내용4' }, { id: 5, title: '제목5', content: '내용5' }, ]); 글쓰기 ㆍ 위 코드는 사용자로부터 제목과 내용을 입력받기 위한 양식으로 구성되어 있다. ㆍ 사용자로부터 입력받은 제목, 내용..