50일차 - [JSP] get-post, path, icon
안녕하세요. pitang입니다.
jsp의 get 방식 전송과 post 방식 전송 그리고 경로 설정에 대해 알아보겠습니다.
get-post
웹 브라우저는 GET 방식과 POST 방식의 두 가지 방식 중 한 가지를 이용해서 파라미터를 전송한다.
form 태그의 method 값을 post로 아래와 같이 지정하면,
<form action"" method="post"> POST 방식으로 파라미터 데이터를 전송한다는 것을 의미한다.
GET 방식과 POST 방식의 차이점은 전송 방식에 있다.
URL의 경로 뒤에 물음표와 함께 파라미터를 붙여 전송하는 것을 쿼리 문자열(query string)이라고 한다.
GET 방식으로 요청 파라미터를 전송하는 경우 파라미터가 URI와 함께 전송되는 것을 확인할 수 있다.
반면, POST 방식은 데이터 영역을 이용해서 데이터를 전송하기 때문에
웹 브라우저나 웹 서버 등에 상관없이 전송할 수 있는 파라미터의 길이에 제한이 없다.
간단하게 표로 정리하면 아래와 같다.
| GET | 주소에 노출됨. 길이의 제한이 있음. |
| POST | 주소에 노출되지 않음(body에 붙어서 전송). 길이의 제한이 없음. |
ex1) get
ex2) post
이와 관련된 예제를 살펴보자.
login(로그인)
login 화면에서는 비밀번호가 표시되면 안되므로 post 방식으로 전송한다.
ex1)
-> post방식으로 전송되어 URL에 파라미터가 표시되지 않은 것을 알 수 있다.
ex2)
-> alert() 를 이용하면 팝업 메시지 창이 뜨게 된다.
ex3)
-> 아이디가 myid, 비밀번호가 mypassword 면 로그인 성공, 그렇지 않으면 36console(1)이 표시된다.
request.getContextPath() 는 JSP 페이지가 속한 웹 애플리케이션의 context 경로를 구한다.
signup(회원가입)
ex1)
form method의 기본값은 GET 전송방식이다.
-> 기본값이 GET 전송방식이므로 URL에 파라미터로 나타나는 것을 볼 수 있다.
ex2)
form action="" 값 안에 경로를 넣으면 submit 버튼을 눌렀을 때 그 경로로 이동한다.
-> 34signup-form.jsp로 경로를 설정했으므로 가입이 되면 34console로 넘어가고
a href 태그를 이용해 33번 파일로 돌아가기 링크를 생성해 다시 돌아갈 수 있게 만들어 놓았다.
path 경로 설정
경로를 설정하는 방법은 절대 경로와 상대 경로가 있다.
절대 경로는 / 로 시작하고 WebContent 기준이다.
그에 반해, 상대 경로는 / 로 시작하지 않고 현재 파일을 기준으로 한다.
상대 경로에서 .. 은 한 단계 위의 폴더를 의미한다. 두 단계 위의 폴더를 지정하고 싶을때에는 ../../다음 경로로 설정한다.
ex1)
ex2)
ex3)
48일차 request에서 잠깐 살펴보았지만, 예시로 살짝 알아보았다.
request.getContextPath() 는 JSP 페이지가 속한 웹 애플리케이션의 context 경로를 구한다.
ex1) request.getContextPath()
icon
38일차에서 아이콘을 표기하는 방법을 살펴본 적이 있다.
그때와 같이 fontawesome 사이트에서 다운로드 한 파일들을 이클립스 파일이 있는 폴더로 붙여 넣어줬다.
저번에 다운로드 했던 압축을 푼 파일들이 있기에 그것을 활용해보겠다.
icon 폴더를 복사하고,
이클립스 jsp 폴더에 WebContent->resource->css 파일을 만들어 icon 복사했던 폴더를 붙여 넣으면 아이콘을 사용할 수 있다.
ex1)
감사합니다.
*m1 맥북을 사용 중입니다.*