radio버튼클릭에 따라 하위태그 사라지게 하기
아래예시를 보자.
정보를 제공받으시겠습까 radio버튼 아니요를 클릭하면 아래 소식을 어떻게받으시겠습니까는 아예 사라지게 하고싶다.
아래예시를 보자.
정보를 제공받으시겠습까 radio버튼 아니요를 클릭하면 아래 소식을 어떻게받으시겠습니까는 아예 사라지게 하고싶다.
order by를 입력하는 순서는 쿼리구문의 제일 마지막에 적어줘야한다.
@include : 골뱅이방식
골뱅이방식은 jsp 지시어이고 jsp문법이다.
공통으로 사용되는 변수를 파일에 지정해서 추가한다.
해당 페이지가 컴파일되기전에(소스코드파일.java가 클래스파일로.class 변화하는 과정) 소스코드를 include한 후 컴파일한다.
컴파일을 한번한다.
jsp:include page=”” : 액션태그방식
액션태그방식은 html문법이다.
공통으로 사용되는 메뉴들을(주로 페이지) 특정 공간에 추가한다.
해당 페이지가 java파일(서블릿)으로 컴파일 된 후에 include한다.
컴파일을 두번하게된다.
1 | <%@ include ~ %> |
예시
아래 테이블에서 첫 행에 top.jsp라는 파일을 추가하고싶을때 jsp액션태그를 사용하는 방법이다.
1 | <table border=1 width="600" height="600"> |
둘 다 목적은 include(추가)하는 거지만 include되는 시점이 다르다.
골뱅이방식은 jsp파일에 include한 뒤 java가 되고 class파일이 된다.
액션태그방식은 jsp가 java파일이 되고 거기에 include를 하고 class파일이 된다.
jspf( Jsp Servlet Page Framegment ) : JSP 변수를 저장가능한 확장자파일.
속성(Attribute)을 저장해서 사용.
사용형태 2가지
해당영역객체.setAttribute("이름", 값)
해당영역객체.getAttribute("이름")
1 | //html페이지 |
페이지객체에서 setAttribute(“이름”, 값)를 통해 생성하고 getAttribute(“이름”)를 통해 출력한다.
1 | //jsp페이지 |
공통적으로 아래 4가지 방식들은 session,application, 파라미터를 저장/전달가능하다.
자바스크립트, JSP(sendRedirect), 액션태그 방식은 서로 같이 사용불가.
사용가능한 영역은 4가지영역(pageContext,request,session,application) 중에 session, application영역의 값 공유가능하다.
1 | <a href="scopeProPro.jsp"> scopeProPro.jsp로 페이지이동 ... </a> |
만약 파라미터의 값도 저장하고 전달하고 싶다면 어떻게 하면될까?
표현식을 이용하면 된다.
파라미터까지 전달이 가능하다.
1 | <a href="scopeProPro.jsp?id=<%=id%>"> scopeProPro.jsp 페이지로 이동 ... </a> |
즉, a태그(링크) 이동시 session,application 영역의 값을 공유가능.
파라미터의 값도 저장/전달 가능하다(get 방식)
HTML이기에 파라미터를 가져갈때 표현식을 사용하면된다.
자바스크립트 이동시 session,application 영역의 값을 공유가능.
파라미터의 값도 저장/전달 가능하다(get 방식)
HTML이기에 파라미터를 가져갈때 표현식을 사용하면된다.
1 | <script type="text/javascript"> |
session,application 영역의 값을 공유가능.
파라미터의 값도 저장/전달 가능하다(get 방식).
파라미터를 가져갈때 표현식이 아닌
1 | <% |
아이디가 한글일때는 왜 물음표가 나타날까요?
response.sendRedirect()전까지는 한글이 안깨지다가 response.sendRedirect()명령어부터 한글이 깨진다.
데이터를 인코딩해서 보내야한다. 인코딩에는 여러 방식이 있는데 response.sendRedirect()는 한글데이터를 처리하지못하는 인코딩방식이다.
response객체안에 전달되는 콘텐츠타입을 바꿔서 해야하는데 그걸 하려면 서블릿을 이용해야해서 서블릿배우면 알수있다.
html태그이지만 jsp동작을 할수있게 만들어진 특수한 기능을 가지고 있다.
액션태그 : jsp페이지에서 자바, 스크립트코드없이 다른 페이지로 이동하는 기능이 있다.
서블릿, 객체(자바빈)에 접근할수있는 방법이 액션태그이다.
원래 페이지에 의해 생성된 request객체와 response객체가 그대로 넘어간다.
즉, session,application 그리고 request 영역 더불어 파라미터값까지 공유가능.
1 | <jsp:forward page="scopeProPro.jsp" /> |
액션태그는 포워딩이 일어난다.
따라서 액션태그는 이동하는 페이지의 주소는 변경되지않고 페이지의 내용만 변경되는 희안한 태그이면서 request객체와 response객체를 가지고 이동한다.
그런데 주소를 변경안하는 기능이 왜 필요할까?
MVC패턴개발방식에서 꼭 필요하다.
웹서핑중에 jsp파일명을 주소창에서 본 적이 있는가?
아마 없을 것이다. 보안을 위해서.jsp
파일을 절대 공개하지않는다.
따라서 가상주소를 사용해야하는데 그 가상주소를 사용할때 액션태그 forward가 필요하다
향상된 for문인 for each문은 기존 for문과 비교해서 초기값과 증감식을 사용하지 않으며 배열이 가지고 있는 요소들을 특정 변수로 바로 할당해서 사용할 수 있게한다
1 | for(데이터타입 변수명 : 반복할 배열명/컬렉션){ |
이 반복문은 내부적으로 배열의 인덱스 0번부터 배열의 길이만큼을 반복한다.
장점 : 전체적으로 for문을 훨씬 간결히 작성할 수 있다.
단점
결론 : 따라서 인덱스를 써야하거나 특정범위를 반복해야하는 경우는 전통적인 for문을 쓰고 아닐 경우 for each를 쓰면 된다
아래 for문과 for each문의 예시를 보자.
랜덤한 짝수를 3개를 뽑은 뒤 그 합을 구해보자.
랜덤한 짝수 3개뽑기는 index를 사용해야하기때문에 for each를 쓸 수 없다.
뽑은 짝수합을 구하는 경우 index도 필요없고 특정범위반복도 필요없기때문에 for each를 쓰면 한결 간결해진다.
1 | int[] evendatas = new int[3]; |
배열과 같은 자료구조에 대해서는 정렬에 대한 요구사항이 빈번하다.
정렬을 구현하기 위한 알고리즘은 버블 정렬, 선택 정렬, 삽입 정렬 등 여러가지 방식이 있다.
Arrays클래스 API를 이용하기 위해 import java.util.Arrays;해줘야한다.
만약 문자열을 관리하는 배열이 파라미터로 들어온다면 대문자->소문자의 사전순으로 정렬한다.
1 | int[] data = {5, 7, 2, 9, 1}; |
배열데이터를 출력하기 위해서 for문을 이용해도 되지만 Arrays클래스 API를 이용하여 출력할수있다.
Arrays.toString(arr)사용하기 위해서는 import를 먼저 해야한다.
1 | String [] arr1 = {"JAVA", "is", "Not", "bad"}; |
배열에 무작위 숫자로 구성된 로또를 만들고 정렬 후 출력하는 게임을 만들어보자.
로또는 1~45사이의 숫자로 구성되며 6개의 숫자를 랜덤으로 뽑느다.
그리고 모든 숫자의 중복 x.
1 | int[] selected = new int[6]; //로또를 저장할 배열 |
random.nextInt(n)
이는 0~(n-1)개의 정수를 랜덤하게 생성한다.
그렇다면 여기선 random.nextInt(45)이므로 0~44사이의 랜덤한 정수를 생성하게된다.
왜그럴까?
selected된 공은 index에서 +1해주기때문이다
if문을 보자.
랜덤으로 index가 0이 걸리면 선택된 공은 1이되고
랜덤으로 index가 44가 걸리면 선택된공은 45가된다.
ball if문으로 중복체크
ball = 0이 참이면 이 fullBall[index]가 한번도 뽑힌적이 없는 숫자라는 의미이다.
그리고 선택되어지고 selected[cnt] = index +1
을 준다.
그리고 이미 뽑힌 수는 -1로 값을 준다.
그렇게되면 다음번에 또 뽑혔을때 -1이기때문에 거짓이 되어 selected가 되지않는다.
1 | 예를 들어 |
배열은 한 번 생성되면 메모리의 연속성때문에 그 크기를 변경할 수 없다.
하지먼 프로그래밍을 하다 보면 처음 예상했던 데이터의 개수보다 더 많은 데이터를 관리해야할 경우가 있다.
이를 예방하기위해 처음부터 배열의 크기를 크게 지정해버린다면 불필요한 메모리를 낭비하는 꼴이다.
필요에 따라 배열의 길이를 늘이기 위해서는 기존배열의 길이를 늘일수는 없고
배열의 길이 큰 새로운 배열은 만들고 기존 데이터를 복사해 넣은 다음 새로운 데이터를 추가해야한다.
1 | int[] source = {1,2,3}; |
System.arraycopy(기존배열명, 카피할데이터인덱스, 새로운배열명, 데이터붙여넣을시작인덱스, source.length);
아래처럼 데이터붙여넣을시작인덱스에 2를 넣었기때문에 출력값은 인덱스2번부터 [0, 0, 1, 2, 3, 0, 0]부터 붙여넣기가 된다.
만약 0을 넣었다면 출력값은 인덱스0번부터 [1, 2, 3, 0, 0, 0, 0]이 된다.
1 | int[] source = {1,2,3}; |
GUI환경에서 가장 잘 사용하는 메서드이다.
정수의 형태인 파라미터를 int로 변경해 리턴한다.
만약 파라미터가 정수형태가 아닐 경우 NumberFormatException 에러가 난다.
참고로 교재는 p209부터임.
영역 객체(Scope) , 속성(Attribute)
내장객체 (8+1)중에서 해당 유효한 범위안에서 데이터를 서로 공유할수있는 객체
이때, 그 공유되는 범위를 ‘영역(Scope)’라고한다. 그때의 공유되는 값 ‘속성(Attribute)’라고한다.
영역 | 영역처리 객체 |
---|---|
page | pageContext |
request | request |
session | session |
application | application |
왼쪽의 영역을 처리하기 위해서는 오른쪽의 객체를 사용해야한다.
내장객체 8가지 중에서 위의 4가지들은 서로 데이터를 공유할 수 있다.
page에서 application으로 영역이 내려올수록 영역의 범위/크기가 커진다.
해당 페이지가 클라이언트에 정보를 제공하는 동안 페이지 영역이라는 공간에서 데이터를 주고받을 수 있다.
pageContext 객체사용가능 : JSP페이지 정보를 저장하는 객체
사용 : 다른 내장객체를 호출하거나, 페이지흐름제어하거나, 에러데이터 처리할 때 주로 사용한다
여러개의 페이지를 이동할때 정보를 저장해서 사용
page 영역과 request영역 차이
request영역은 주소창에 주소를 치는 동안의 영역이다.
request 객체사용가능 : 페이지 요청시 정보를 처리하는 객체
사용 : 페이지 이동시 주로 사용한다.
예를 들어 크롬창을 키는 순간부터 30분동안 세션에 정보가 저장된다.
session 객체사용가능 : 하나의 웹 브라우저가 정보를 유지하기위한 시간동안 사용되는 객체
사용 : 사용자인증처리에서 주로 사용한다.
즉 서버가 실행중일때의 영역이다.
서버의 설정정보나 자원에 대한 정보, 애플리케이션실행시 발생하는 이벤트정보등이 저장된다.
4가지영역중 가장 큰 영역이다
application 객체사용가능 : 웹 애플리케이션의 Context 정보를 처리객체
사용 : 홈페이지 방문자수 카운트 등에 주로 사용한다.
기본형 8가지를 기억하면 나머지는 전부다 참조형이다.
메모리공간의 크기가 작은 곳에서 큰 곳으로 자동변환.
누가 자동으로 형변환을 해줄까?
정답은 컴파일러!!
문제가 없기때문에 컴파일러가 자동으로 형변환을 해준다.
메모리공간의 크기가 큰 곳에서 작은 곳으로 변환.
왜 컴파일러가 자동으로 형변환을 해주지않을까?
메모리공간의 차이로 데이터손실이 발생하기때문에 자동형변환을 해주지않는다.
1 | // 이전페이지에서 정보를 받아오기 |
form get방식과 달리 post방식을 사용하면 한글이 깨지는 문제가 발생한다.
따라서 body태그 바로 밑에 파라미터 한글처리 코드가 필요하다.
1 | <!-- form post방식을 사용하면 한글이 깨지는 문제가 발생하기때문에 파라미터 한글처리 코드가 필요하다 --> |
사용자가 radio박스를 클릭하면 해당 데이터를 변수로 가져올수있다.
request.getParameter("")
: 큰따옴표안에 name속성을 넣으면된다.
정보를 입력하는 페이지는 아래와 같이 radio버튼을 만들어놓았다.
1 | <form action="정보출력페이지.jsp" method="post" name="fr"> |
정보를 출력하는 페이지는 아래와 같이 코딩하면 된다.
1 | <h1>변수가져오기</h1> |
일반적으로 4번방법을 이용하면되지만 checkbox처럼 중복데이터가 가능한 경우는 어떻게 해야할까?
동일한 파라미터의 값을 가지는 데이터가 여러개있을 경우 배열을 통해서 데이터를 저장해야한다.
사용자가 몇개를 선택할지 모르지만 변수로 가져오고 싶다면 request.getParameterValues("")
을 이용한다.
request.getParameterValues("")
: 큰따옴표안에 name속성을 넣으면된다.
정보를 입력하는 페이지는 아래와 같이 checkbox버튼을 만들어놓았다.
1 | <form action="정보출력페이지.jsp" method="post" name="fr"> |
정보를 출력하는 페이지는 아래와 같이 코딩하면 된다.
1 | <h1>변수가져오기</h1> |