뉴렉처 학습(서블릿/JSP) 23강 ~ 24강

#23강 여러 개의 Submit 버튼 사용하기

- 기존에 값 전달 시 덧셈 버튼만을 사용하여 결과 값 전달, 기존과 달리 덧셈, 뺄셈 버튼을 각각 두어 그에 따른 값 전달 문제

- 값 전달 과정이 어떻게 이루어지는지 보기 위해서는 html 파일을 구동하여 나온 브라우저에서 도구 더보기 > 개발자 도구(또는 F12)에서 네트워크 탭 선택 후 기존 x, y 값에 임의의 값을 넣고 덧셈 버튼을 클릭해 보면 다음과 같은 결과가 나온다. (headers > FormDate 확인)

x = 2 (입력한 임의의 결과 값)
y = 2 (입력한 임의의 결과 값)

또는

x=2&y=2

- 값이 전달되는 과정을 확인하고, html 문서 내에 뺄셈 버튼을 만든 후, 서블릿 코드 내에 덧셈, 뺄셈에 따른 설정을 두면 덧셈, 뺄셈에 따른 결과를 출력할 수 있게 된다.

html 문서 내에 덧셈, 뺄셈 버튼 구현, 서블릿 내 버튼에 따른 결과값이 나오도록 구현

위 코드를 통한 덧셈, 뺄셈 구현

 

#24강 입력 데이터 배열로 받기

- 입력받는 input 박스가 한정적(고정적)인 경우가 있고, 동적으로 입력박스를 추가하는 경우가 있다.

- html 문서 내에 입력박스를 추가할 때 각 박스별로 이름을 다르게 부여하면 서블릿에서도 동일 내용임에도 이름이 다른 각각의 항목을 추가해 줘야 해 중복과 번거로움이 발생한다.

- 이를 해결하기 위해 동적으로(가변적으로) 추가하여 전달할때는 동일한 이름을 이용해서 전달하면 배열로 전달이 되어 서블릿에서 배열로 꺼내 반복문을 써서 활용할 수 있다.

동적인 추가를 위해 동일 이름을 사용한 배열 이용