전체 글

15. SQL : 학생정보 목록 생성

시작에 앞서 H2 데이터베이스 설치가 필요하다. https://www.h2database.com/html/main.html에 접속하여 최신 버전의 H2 DB를 내려받아 설치하자. 설치를 마치면 윈도우 시작버튼에서 H2 console 앱을 실행하자. 실행하면 웹으로 아래와같이 실행이된다. 우측 하단의 시스템 트레이에 h2 아이콘에 우클릭 해주자. Create a new database... 를 클릭해주자. 그리고 아래와 같이 입력해주자. Database path: ~/jwbookdb Username: jwbook Password: 1234 그리고 Create를 클릭하자. 그럼 DB가 생성이 된다. 이제 콘솔화면으로 돌아와 [연결 시험]을 눌러보자. 1️⃣ H2 콘솔 활용 위에서 연결시험에 성공했다면 연결을..

14. 고급 컨트롤러 서블릿 구현

여러 요청을 하나의 컨트롤러에서 처리하는 구조를 구현해볼것이다. 기본적으로 MVC구조이며, 전체 상품 목록을 보여주고 상품을 선택하면 세부 정보를 보여주도록 구현할것이다. 1️⃣ 뷰 구현: productList 뷰는 아래의 정보를 보여주는 화면으로 구성된다. 전체 상품 목록 상품의 세부 정보 상품 목록 화면 [ch08]에 productList.jsp를 새로 만들어주자. 생성된 코드는 아래와 같다. 코드를 아래와 같이 바꿔주자. 상품 목록 번호 상품명 가격 ${i.count} ${p.name} ${p.price} 상품 정보 출력 화면 [ch08]에 productInfo.jsp를 만들어주자. 생성된 코드는 아래와 같다. 코드를 다음과 같이 바꿔주자. 상품정보 조회 상품코드: ${p.id} 상품명: ${p.n..

13. 컨트롤러 기초 : 계산기 구현

이전 글들이 HTML, JSP 기초/응용이라면 이번 글은 본격적인 MVC 패턴 시작이다. 뷰 구현 : calcForm.html, calcResult.jsp 모델 구현 : Calculator.java 컨트롤러 구현 : CalcController.java 1️⃣ 뷰 구현: calcForm [webapp] 폴더에 [ch08] 폴더를 만든 후 [ch07]의 calcForm.html을 복붙해주자. 그리고 html 내용을 다음과 같이 수정해주자. 계산기-컨트롤러 + - * / 다음으로 계산 처리 결과를 보여주는 화면 구현을 위해 calcResult.jsp파일을 만든후 아래와 같이 코딩해주자. 계산 결과-컨트롤러 결과 : ${result} 별도의 useBean이나 스크립트 요소없이 EL을 사용해 결과값을 출력. 2️..

12. JSTL과 EL 종합 예제

JSTL은 개발에 적용하기 위해서는 실제 구현된 라이브러리가 필요하다. 여러 구현 버전이 있지만 Apache Standard Taglib을 주로 사용한다. http://tomcat.apache.org/download-taglibs.cgi에 접속하여 , 을 다운로드 해주자. + EL 까지 다운로드 해주자!! 다운로드한 파일을 아파치 톰캣 라이브러리에 넣어주자. 그리고 인텔리제이로 돌아가 Ctrl + Alt + Shift + S를 누른후 Module > Dependencies > +를 눌러 의존성을 추가해주자. 이렇게 추가되면 OK를 눌러주자. 1️⃣ JSP 생성 [ch07]폴더에 jstlExam.jsp를 생성해주자. 생성된 코드는 아래와 같다. 아래와 같이 수정해주자. JSTL 종합 예제 2️⃣ , c:s..

11. 액션 종합: 계산기 구현

이전 글에서 만든 계산기를 액션 버젼으로 구현해볼것이다. 액션에 대한 설명은 다른 카테고리에 작성하겠다. MVC 패턴 구조는 아니지만 구성요소 간의 역할이 어느정도 분리되며 프로그램 요소를 JSP에서 제거했기 때문에 비교적 깔끔한 코드구조를 가지게된다. 이제 코딩을 시작하겠다. 1️⃣ 계산기 화면 구현 webapp 폴더에 ch07 폴더를 만든후 ch06의 calcForm.html을 복붙해주자. 그리고 다음과 같이 코드를 수정해주자. 계산기-useBean + - * / 2️⃣ 자바 빈 객체 생성 계산기 기능 구현을 위해서 2개의 숫자를 입력받아 계산하는 기능이 필요한데 이 기능을 JSP나 서블릿으로 구현하지 않고 별도의 클래스로 독립해서 구현한다. [src/main/java] 에서 [ch07] 패키지를 생..

10. JSP 프로그래밍: 계산기 구현

1️⃣ 계산기 화면 구현 이번에 만들 계산기는 2개의 숫자와 연산자를 선택 후 계산 버튼을 누르면 입력값을 JSP로 전달한다. JSP는 브라우저로부터 전달된 입력값을 가져와 계산후 결과를 포함한 화면을 출력하는 구조이다. 입력 파라미터 n1, n2 : 숫자 입력으로 HTML 으로 구현 op : 연산자 선택 드롭다운 리스트로 HTML 로 구현되며 연산자 종류는 [ +, -. *, / ] 로 구성됨. 우선 ch05 폴더의 calcForm.html 파일을 복사해 ch06에 붙여 넣자. 그리고 다음과 같이 10번째 줄을 수정해주자. 2️⃣ 계산기 JSP 구현 계산기 기본 코드는 서블릿과 동일하다. 따라서 CalcServlet.java의 서블릿 계산기 구현부분인 doGet() 메서드의 내용을 스크립트릿 영역에 넣..

9. JSP 기초 종합 예제

JSP의 기본 구성요소인 지시어와 주석, 스크립트 요소를 실습해보며 익숙해지기 위한 종합예제이다. 이글에선 다음 요소를 다룬다. 주석 선언과 참조 include 지시어 스크립트릿 1️⃣ JSP 생성 webapp 우클릭 후 ch06 폴더를 생성한 다음 JSP 파일을 생성해주자. 생성이름은 jspTotal 이다. 생성된 코드는 아래와 같다. 주석 작성 내부에 아래의 코드를 작성해주자. 선언과 참조 일반변수 선언은 스크립트릿에서 가능하지만 멤버 변수 / 함수 선언은 스크립트릿에서 불가능하다. 따라서 선언문을 이용해 배열과 함수를 선언하자. 일단 태그의 위에서 작성한 위에 아래의 코드를 작성해주자. 배열로 4명의 이름 저장. num1 변수를 10으로 초기화. calc() 메서드는 인자로 받은 숫자를 num1과 ..

8. 계산기 구현

1️⃣ 계산기 화면구현 2개의 숫자와 연산자를 선택하고 실행 버튼을누르면 입력값을 서블릿으로 전달하고, 브라우저로부터 전달된 입력값을 가져와 계산후 결과를 출력하는 구조로 만들것이다. webapp 폴더에서 ch05 폴더를 만들고 calclForm.html을 생성해주자. 최초 생성 코드는 다음과 같다. 코드를 다음과 같이 수정해주자. 계산기 서블릿 + - * / 결과 화면이 다음과 같으면 성공 2️⃣ 계산기 서블릿 구현 계산기 서블릿은 지난번의 HelloWorld 서블릿 생성과 똑같다. CalcServlet으로 서블릿을 생성해주자. 이클립스 기준으로 다음과 같이 옵션을 설정하면된다. Java Package : ch05 Class name : CalcServlet Url mapping : /calc 코드는 ..