분류 전체보기(222)
-
하위 선택자 / 자식 선택자
이번의 목표 01. 하위 선택자에 대해 알아보자. 02. 자식 선택자에 대해 알아보자. css 작성할 때에 때때로 하위의 객체들에만 스타일을 적용하기 위해 코드를 쓸때가 있습니다. 예를 들자면 div label { color:red; } 의 형식으로 적곤 하는데 이렇게 하면 해당 div 안에 있는 label은 모두 빨간 글씨가 됩니다. 이렇게 쓰고 싶다면 쓰지만, 혹시나 손주 객체는 그렇게 하기 싫고 자식 객체에만 스타일을 적용 시키고 싶을때에도 방법이 있습니다. id를 사용하는 것도 방법이겠지만, 그렇게 하면 자식 객체에 모두 id를 넣어줘야하니까 차라리 > 키워드를 사용해봅시다. > 키워드는 자식 객체 의 선택자입니다. 공백은 하위 선택자 입니다. div > label{ color:red; } 를 쓰..
2022.09.22 -
<label>의 for 속성
이번의 목표 01. 태그에서 사용되는 for 속성에 대해 알아보자. 태그에는 for 라는 속성이 있습니다. 문법은 아래와 같습니다. for 속성을 적용한 을 클릭하게 되면 입력해 놓은 ID에 해당하는 요소로 포커스가 이동합니다. 이때, 요소는 태그 일 때만 유효합니다. 등에는 작동하지 않습니다. 01. 코드 02. 실행 화면 01. 코드 input에 포커스 주는 예시 >>>>>input 으로 포커스 주기textarea 로 포커스 주기
2022.09.22 -
12주차 - jsp (12) getParameter() 로 <input type="radio">의 값 출력하기
이번의 목표 01. getParameter() 를 이용하여 를 출력해보자. 지난 시간까지는 , , 의 값을 받아와서 출력해봤습니다. 이번에는 의 값을 출력해보겠습니다. 는 보통 단일 선택이 기본이기 때문에 "checkbox" 처럼 배열로 받을 필요는 없습니다. 01. 데이터 전송 페이지 코드 02. 데이터 출력 페이지 코드 03. 실행 화면 01. 데이터 전송 페이지 코드 이름 : 자기 소개 연령 조사 10대 20대 30대 40대 취미 조사 독서 춤추기 멍때리기 02. 데이터 출력 페이지 코드 설문 조사 결과 이름 : 소개 : 나이 : 취미 : 03. 실행 화면
2022.09.22 -
12주차 - jsp (11) getParameter() 로 <textarea> 의 값 출력하기
이번의 목표 01. getParameter() 를 이용하여 textarea의 값을 출력해보자. 지난시간에는 getParameter()를 사용해서 , 의 값들을 출력하는 것을 해봤습니다. 이번에는 의 값을 받아와서 출력하는 것을 해보겠습니다. 01. 데이터 전송 페이지 코드 02. 데이터 출력 페이지 코드 03. 실행 화면 01. 데이터 전송 페이지 코드 ID Password 자기소개 02. 데이터 출력 페이지 코드 입력한 정보는 아래와 같습니다. ID : Password : 자기소개 : 03. 실행 화면
2022.09.21 -
12주차 - jsp (10) getParameterValues() 로 다중 선택이 가능한 <input>의 값을 출력하기
이번의 목표 01. getParameter() 를 사용하여 의 값을 출력해보자. 02. method="post"일때 한글이 깨지는 것을 해결해보자. 지난 시간에는 getParameter() 를 사용해 의 값을 출력해봤습니다. 이번에는 의 값을 받아오는 것을 해보겠습니다. "checkbox", "radio"는 값을 받아오기 위해서는 에 value 값이 설정되어 있어야합니다. checkbox는 일반적으로 다중 선택이 가능하도록 되어있습니다. 그렇기 때문에 의 값을 받아올 때와 같은 메서드를 사용하게 된다면 사용자가 선택한 것중 첫번째 선택지만 출력이 됩니다. 그렇기 때문에 checkbox 값을 문자열 배열로 받아야합니다. 배열로 받을때의 메서드는 getParameterValues() 이며 사용 예시는 아래와..
2022.09.21 -
12주차 - jsp (9) getParameter()로 type="text", type"password"인 <input>의 값 출력하기
이번의 목표 01. request.getParameter() 를 사용하여 받은 데이터를 출력해보자. 지난 시간엔 request 의 기능에 대해 몇가지 알아보았습니다. 이번엔 request의 기능중 제일 많이 사용되는 getParameter() 를 알아보겠습니다. 이 기능을 사용하여 이전 페이지에서 전달받은 데이터를 가져올 수 있습니다. 작성 코드의 예시는 아래와 같습니다. String tmp = request.getParameter("name"); 위에서 맴버변수는 이전 페이지에서 받고자 하는 객체의 name 을 입력하면 됩니다. 이때 name을 잘못 입력했을때 에러코드가 발생하는 것이 아니라 null을 반환합니다. name에 해당하는 객체가 아무런 값이 없을 때에는 공백( "" )을 반환 합니다 01...
2022.09.21