이번의 목표 01. * (Universal Selector) 에 대해 알아보자 이번 글 부터는 태그에서 사용될 css 에 대해 보다 집중적으로 알아볼 것입니다. 지금까지 배워오면서 어떠한 대상을 선택할때 모든 객체를 대상으로 삼기 위해서 * 을 사용하는 것을 종종 보아왔습니다. 이번에는 이 * 모양이 jsp 내에서 무엇을 뜻하는 것인지, 무슨 기능을 하는 것인지를 알아볼 것입니다. 01. jsp 코드 02. 실행 화면 01. jsp 코드 모두 같은 색상 전체적으로 동일한 스타일 적용 p태그에도 동일하게 적용 Universal Selector 02. 실행화면

이번의 목표 01. 태그를 알아보자 02. 태그에 태그를 사용해보자. 태그는 태그의 submit 과 같은 기능을 합니다. 즉, 데이터를 전송하는 기능을 합니다. 태그에는 태그를 이용할 수도 있습니다. button과 이미지의 크기를 맞추면 보다 깔끔한 디자인의 버튼을 만들 수 도 있습니다. 01. jsp 코드 02. 실행화면 01. jsp 코드 02. 실행 화면 제가한 실행 화면에서는 과 의 크기를 조절하지 않아서 이질감이 들게 되어있지만, 크기를 조절한다면 훨씬 보기 좋은 디자인이 될 것 같습니다.

이번의 목표 01. 태그와 태그의 차이점을 확인해보자. 이전에 실제 웹페이지 구축시에 태그와 태그의 기능 구분은 거의 동일하게 사용된다 했습니다. 거의 동일하게 사용되고 있지만 정확하게 두 태그가 어떻게 다른지를 알아볼 것입니다. 01. jsp 코드 02. 실행 화면 01. jsp 코드 div 영역 지정, 영역 분할 div 첫번째 영역입니다. div 두번째 영역입니다. div 세번째 영역입니다. span 영역 지정, 영역 분할 span 첫번째 영역입니다. span 첫번째 영역입니다. span 첫번째 영역입니다. 02. 실행화면 실행화면에서 알 수 있듯이 아무런 속성을 사용하지 않은 는 한줄을 모두 사용하고 은 데이터 만큼한 사용합니다. 웹페이지 구축시에는 둘다 다양한 속성을 이용하여 크기를 조절하다보니 ..

이번의 목표 01. 을 사용해보자 02. 를 사용해보자 03. 를 사용해보자 지금까지 테두리를 만들기 위해서 ①id, class 등의 구분할 수 있는 구분자를 기준으로 태그에서 border를 설정해주거나, ② 태그에 border 속성을 이용했습니다. 하지만 하나의 구역에 테두리를 넣고 싶다면 해당 구역을 태그 안에 넣는 것 만으로도 테두리를 설정할 수 있습니다. 또한 태그를 이용했을때에는 하위에 태그를 이용하여 테두리에 제목을 넣어줄 수도 있습니다. 는 자바에서 배운 TextArea 와 동일하게 데이터를 입력할 수 있는 공간을 만들어줍니다. rows, cols 속성을 이용해 크기를 조절할 수 있습니다. 는 ComboBox와 같은 기능을 합니다. 단일 객체 선택이 디폴트입니다. 하지만 또한 속성을 이용하여..

이번의 목표 01. scriptlet 에 대해 알아보자. 02. request 와 response 의 차이를 알아보자 03. 에서 사용한 action을 통해 받은 정보를 출력해보자. scriptlet (스크립트릿) : jsp 문서에서 자바의 코드를 작성할 수 있는 범위 request : 클라이언트 -> 서버 로 이루어지는 데이터의 전달 response : 서버 -> 클라이언트 로 이루어지는 데이터의 전달 출력할 데이터를 입력받는 페이지는 jsp(14) 에서 사용한 페이지를 사용할 것입니다. 01. jsp 코드 02. 실행 화면 01. jsp 코드 서버 의 정보 전달 : request // 서버->클라이언트 의 정보 전달 : response String id = request.getParameter("id..

이번의 목표 01. 태그의 action 속성을 알아보자 02. 태그의 method 속성을 알아보자. jsp (13) 에서 type="submit" 을 할 때에는 데이터를 전송하는 기능을 수행한다 했습니다. 이때에 데이터를 전송받을 목적지가 없기 때문에 전송된 데이터는 저장되지 않고 사라집니다. 그렇기 때문에 유저에게 입력받은 데이터를 서버로 전달하기 위해서는 태그의 action 속성을 이용합니다. 그리고 이때에 method 속성을 이용하여 데이터 전송시에 전달될 정보가 url에 나올지도 구분을 할 수있습니다. get 형식은 url에 전송될 정보가 포함되고 post 형식은 url로는 확인할 수 없습니다. 둘다 암호화 되어 전송되는 것은 아니기에 보안성이 좋은 것은 아니지만 굳이 고르자면 post형식이 더 ..