본문 바로가기

WORKS/Java + JSP + Spring8

[JSP] 게시판 만들기 파일간 동작 구조 그림그리기 / MVC 패턴 게시판 만들기 저희조는 동작 구조를 request에 따라서 구분하여 각 요청에 따라서 실제 파일간 어떻게 동작이 이루어지는지 그림을 그렸습니다. ppt로 보기 쉽게 제작한 뒤 img로 변환하였습니다. 2022. 3. 13.
[JSP] JSP : model1 모델1, model2모델 2 / MVC 패턴 ? 개념 모델1 JSP에서 화면을 보여주고 요청을 하게 되면 JSP페이지에서 직접 model에 접근하여 처리한다. 데이터베이스와 연동하는 JSP 페이지를 만들 때 디자인 부분과 데이터베이스가 연동되는 로직 부분이 모두 같은 페이지에 코딩을 하는 방식인 것. 모델2 모델 1이 모든 처리를 JSP에서 하는 것과 달리 JSP페이지 + 서블릿 + 로직 클래스 로 구성이 나누어지면서 이것들이 동작하여 브라우저의 요청을 처리한다. MVC Pattern? Model - View - Controller의 개념 Model 2 구조는 MVC 패턴을 웹 개발에 도입한 구조이며 Model 2와 MVC패턴은 형태를 동일하게 가져간다. - 웹 브라우저의 요청을 서블릿이 받고 이후 알맞는 로직 클래스에 의해서 처리후 JSP 페이지로 .. 2022. 3. 13.
[JSP] JSP 액션태그 useBean, setProperty, getProperty 활용: 회원가입 홈페이지 데이터 전달 / Js 유효성검사 연결 이전 글에서는 자바 빈즈에 대한 개략적인 설명과 JSP 액션태그 useBean, setProperty, getProperty를 사용한 예제를 보았다. 이번 글에서는 이전 글에서 본 개념을 응용해본다. 우선 페이지부터 보자. 이번 예제를 개략적으로 설명하자면, 다음과 같은 회원가입 홈페이지에 입력된 값들을 전부 받아와서 beans에 저장한 뒤 그 저장한 값들을 페이지 2에 나타나도록 한다. 회원가입 홈페이지.jsp [09] css 파일 연결 [12] 주소 API와 유효성검사 메서드가 담긴 js 파일 연결 [14] 이 폼의 제출버튼 즉 회원가입(submit) 버튼을 누르게 되면 onsubmit을 통해 유효성검사 메서드를 불러 사용한다. 유효성검사를 통과한 폼은 action을 통해 확인용(출력)페이지로 값을 .. 2022. 2. 18.
[JSP] JSP 액션태그 : useBean, setProperty, getPropety / JavaBeans 값 저장 및 추출 / jsp action tag 이번에는 JSP 액션태그 useBean, setProperty, getProperty를 활용하여 데이터를 저장하고 추출해오는 과정을 알아보자. 우선 Beans라는걸 알아보자. Java Beans (IDE에서 대부분 사용, 컴포넌트 형태로 제작된 자바 모듈) JSP Beans (JSP와의 연동을 위해 만들어짐, Bean 액션을 통해 JSP에서 손쉽게 연동, DB 연동 및 뷰 데이터 교환에 사용) Enterprise Java Beans (Java2 Enterprise Edition에서의 컴포넌트, 분산환경 고려, 기업형 앱 개발에서 비즈니스 로직 및 데이터 처리를 담당) 이 중 오늘 가장 밀접한 것은 JSP Beans. 웹서버에서 DB와 연동하는 방식에서 beans가 이용되는데 아래 두 모델이 있다. 모델1.. 2022. 2. 18.
[JSP] JSP : session 이용 장바구니 기능 만들기 JSP의 내장객체 session을 활용하여 장바구니 기능을 만들어보았다. 페이지들의 이름은 명시해두었고, 이하 08_.jsp ~ 12_.jsp로 언급하겠다. 첫 페이지 : 08_Login.jsp 1. [18] 첫 페이지에서는 이름만 입력하고 로그인하도록 하였다. 입력한 이름을 form태그를 이용해서 값을 전달하도록 설정하였다. 두 번째 페이지: 09_setProduct.jsp 1. [16-17] 두 번째 페이지에서 이름값을 request를 이용해 가져온 뒤 그것을 다시 session에 저장해준다. 2. [19] 구매를 원하는 품목을 선택했을 때 담을 리스트를 ArrayList 타입의 list라는 이름으로 부를건데, itemList라는 이름으로 세션에 설정해 둔 값을 가져올 것이다. 그런데 itemList.. 2022. 2. 17.
[JSP] 에러페이지 설정하기 | 404 not found | JSP Error Page 에러코드가 발생했을 경우 보여지는 에러페이지를 만들어보자. 에러페이지를 직접 경험해보자. 아래는 일반적인 네이버 스포츠 홈페이지이다. URL에 장난을 좀 치니 아래와같은 페이지가 나온다. 이건 네이버측에서 설정해 둔 에러페이지이다. 이게 본래는 떠야 하는데! 네이버에서 에러페이지를 설정해두었기 때문에 예쁜 아이가 뜨게 되는 것이다. 나만의 페이지에서 에러페이지를 제작해보았다. 우선 기본 홈페이지이다. 보이는 모습은 간단한 헤드, 바디로만 이루어진 페이지에 귀여운 아스키코드를 넣어 심심하지 않게만 설정해두었다. 첫 번째, 기본 홈페이지에서는 에러페이지를 지정을 해주어야 한다. 자주 발생하는 404, 500같은 에러를 예를 들어보자. MyHomePage.jsp에서 해당 에러가 발생하였을 경우 위에서 본 것같.. 2022. 2. 14.