웹 페이지에서 가장 기초적으로 사용되는 form태그에 대해 간단히만 살펴본다!
◆ form태그
form태그는 클라이언트가 입력, 혹은 선택한 내용들을 특정 주소의 파라미터로 전달해주는 태그이다.
method속성의 방식으로 action에 입력된 페이지로 파라미터를 submit버튼을 이용하여 전달한다.
◆ input태그
form태그 안에서 파라미터들의 입력을 할 수 있는 형식을 제공해주는 태그
type의 종류에 따라 텍스트, 혹은 패스워드, 체크박스 등등의 형식으로 만들 수 있음.
-
- type 의 종류
- text, password, checkbox, radio, date, …
-
- disabled속성
- 버튼이나 인풋 태그 등의 비활성화 시킬 수 있는 속성
◆ form 에서 한글이 깨지는 이유
WAS에서는 기본적으로 요청 URI에 설정된 문자들을 UTF-8 로 처리한다.
UTF-8도 한글을 처리하지만, EUC-KR과 처리방식이 다르기 때문에 WAS에 EUC-KR로 URI에 문자를 보내게 되면( contentType=”text/html; charset=EUC-KR” )해당 문자를 또 UTF-8로 변환하고 다시 보내주기 때문에 깨지게 된다.
(단, UTF-8, EUC-KR모두 영문은 같은 방식으로 처리 )
=> 즉, WAS와 JSP의 문자인코딩 방식이 다르기 때문!
▶ 해결방법
1. 응답을 보낼 페이지 지시어의 ContentType을 UTF-8로 설정하여 요청
( contentType=”text/html; charset=UTF-8” )
또는 이클립스의 Preferences -> JSP File -> Encoding 을 UTF-8로 바꿔주면 jsp를 생성할 때 마다 UTF-8형식으로 만들어진다.
2. 또는 WAS의 기본 문자셋을 바꾼다.
=> 이클립스 왼쪽 Server탭에서 server.xml을 수정
=> 서버 포트를 변경하는 곳인 <connector> 태그에서 URIEncoding=”euc-kr” 옵션을 추가해준다.
즉, jsp에서 보내는 ContentType의 문자셋과, WAS에서 처리하는 URIEncoding 방식이 동일해야 한다. 보통의 경우 UTF-8을 많이 사용하기 때문에 jsp의 캐릭터셋을 UTF-8로 바꿔주는
UUID uuid = UUID.randomUUID(); // 고유 식별문자 생성 (8 4 4 4 12) **
◆ Ajax비동기 통신
Ajax는 비동기적인 통신을 통해 페이지 전환없이 통신하여 페이지의 데이터를 변환할 수 있는 기술이다.
주로 요청은 스크립트를 통해 처리하고, 백단은 Java에서 처리된다.
자세한 사항은 ▶ Ajax비동기 통신 해당 링크를 통해 살펴보도록 한다!