클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

홈페이지 제작하는 일이 정말 힘들지만 다시 마음을 잡고 공부를 이어가 보겠다. 이 학습을 하고 나면 이전에 안 되었던 부분이 해결될 수도 있을 것 같다.     주문 처리하기 세 번째주문 목록을 보다가 주문 상세 정보를 보고 싶다면 화면 왼쪽의 조회를 클릭한다. 그러면 “ NonageServlet?command=order_detail” 요청이 발생합니다. 이 요청을 처리할 액션 클래스를 만들겠다.    [직접 해보기] 주문 상세 정보를 보기 위한 액션 클래스    [직접 해보기] 주문 상세 보기 페이지를 출력하는 JSP 파일     [직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기 지금까지 주문한 모든 주문 정보를 보려면 총 주문내역 메뉴를 클릭한다. ..

오늘의 첫 번째 공부를 시작해 본다. 일어나기는 새벽 2시에 일어났지만 오랜만에 다이어리를 정리하고 일정 앱도 새롭게 개편한 데다 큐티와 기도 등 여러 가지 일들을 하다 보니 3시간이 훌쩍 지났다. 이제 새벽 공부를 본격적으로 시작해보려고 한다. 오늘부터는 다시 운동도 시작할 생각이라 새벽 공부는 2시간밖에 하지 못할 것 같다. 이 시간 동안에 어제 마무리하지 못했던 홈페이지 제작 13장 학습을 모두 마칠 생각이다.그리고 나면 14장 딱 하나만 남는데 이 부분은 크리스마스 연휴가 끝나고 집에 돌아와서 할 예정이다.    주문 처리하기 두 번째mypage를 클릭하면 “NonageServlet?command=mypage” 요청이 발생한다. 이 요청을 받아 처리하는 액션을 만들어 보겠다.    [직접 해보기]..

이번에는 주문 처리를 해볼 것이다. 주문을 위해서는 데이터베이스의 order 테이블에 정보를 저장해야 한다. 그러기 위해서는 order 테이블을 처리하기 위한 DAO를 작성해야 한다. 주문 처리를 위한 DAO를 만들기 위해서 주문 정보를 담을 VO부터 만들겠다.    주문 처리하기 [직접해보기] 이클립스에서 주문 정보를 저장하는 VO 클래스 만들기    [직접 해보기] 주문 테이블을 액세스하는 DAO 클래스 만들기주문 처리를 위한 OrderDAO를 만든다. 장바구니에 담긴 상품을 주문하기 위해서는 [주문하기] 버튼을 클릭해야 한다. 그러면 “NonageServlet?command=order_insert” 요청이 발생한다. 이 요청을 받아 처리하는 액션을 만들어 보겠다.    [직접 해보기] 주문 처리를 ..

상품 상세 보기 페이지에서 [장바구니에 담기] 버튼을 클릭하면 이를 처리하기 위한 “http://localhost:8181/web-study-12/NonageServlet?command=cart_insert” 요청이 발생한다. 이 요청을 받아 처리하는 액션을 만들어 보겠다.     장바구니 담기 이어서 [직접 해보기] 장바구니에 상품을 담기 위한 액션 클래스    [직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기  장바구니에 상품을 담고 나면 "NonageServlet?command=cart_list" 요청이 발생합니다. 이 요청은 장바구니에 현재 담겨진 장바구니 리스트를 출력합니다. 이 요청을 처리할 액션 클래스를 만들겠다.    [직접해보세요] 장바..

어제부터 홈페이지에 특정 이미지가 보이지 않고 깨져서 보여서 이 문제의 원인을 몇 시간 동안 찾아보고 고민해 보았지만 해결하지 못했다.오늘 마침 해야 할 공부를 일찍 끝마쳐서 이 문제를 꼭 해결해보기로 다짐했다. 그리고 마침내 그 이유를 찾게 되었다. 내가 스스로 생각해도 정말 대단한 것 같다. 어떤 문제든지 집중해서 생각하면 해결이 된다. 홈페이지 첫 화면 접속할 때그냥 index.jsp로 접속하면 아이템에 이미지가 하나도 보이지 않고 회색 바탕으로 보인다. 여기서 쿼리스트링으로 이 주소값을 주면 아이템 목록이 보인다. 이제 New Item과 Best Item은 잘 보인다. 그럼 다른 문제를 해결해 보러 가보자. 메뉴 화면에서 문제점아래 화면을 보면 Join Us 위에 그림 파..

회원 정보를 입력한 후 [회원 가입] 버튼을 클릭하면 “NonageServlet?command=join” 요청이 발생한다. 이 요청이 발생하면 회원을 위한 데이터베이스 처리를 해야 하는 액션이 호출되어야 한다.    회원 가입 및 로그인 네 번째 [직접 해보기] 회원 가입을 위한 액션 클래스     [직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기 회원 가입이 완료되면 로그인 화면으로 이동한다. 로그인 작업은 화면 상단의 주 메뉴에서 login(로그인)을 클릭해도 일어난다. login을 클릭하면 “NonageServlet?command=login_form” 요청이 발생한다. 이 요청을 받으면 로그인을 위한 화면을 표시하는 액션을 만들어 보겠다.     ..

DAO 클래스를 작성하였으면 회원 가입 처리를 위한 페이지에서 공통적으로 사용하는 페이지부터 만들어 보겠다. 화면 상단의 주 메뉴에 따라 화면 좌측의 서브 메뉴는 달라진다. 상품과 관련된 작업에서 공통적으로 사용되는 서브 이미지와 서브 메뉴를 위한 페이지는 product 폴더에 저장해 두었지만 회원과 관련된 작업을 위해서 사용하는 모든 페이지는  member  폴더에서 관리된다.      회원 가입 및 로그인 두 번째 [직접 해보기] 서브 페이지에서 이미지를 출력하는 파일이번에 작성할 회원 관련 공통 페이지인 sub_img.html과 sub_menu.html 파일은 member 폴더를 생성하고 여기에 추가한다.     [직접 해보기] 서브 페이지에서 좌측 메뉴를 구성하는 파일 회원 가입을 할 때 폼에 입..

각 메뉴별 상품 진열과 상품 상세보기 등을 완성하였습니다. 이제 회원에 관련된 부분을 진행해 보도록 하겠다.      회원 가입 및 로그인회원 가입을 위해서는 데이터베이스에 저장된 member 테이블에 회원 정보를 저장해야 하고, 로그인 처리를 위해서는 데이터베이스에서 가입한 회원인지를 조회해야 한다. 이를 member 테이블을 처리하기 위한 DAO를 작성한다. 회원 관련 처리를 위한 DAO를 만들기 위해서 우선 데이터베이스에서 얻어온 회원 정보를 담을 VO부터 만들겠다.   [직접 해보기] 이클립스에서 회원 정보를 저장하는 VO 클래스 만들기    [직접 해보기] 회원 테이블을 액세스하는 DAO 클래스 만들기     학습을 마치고이번에는 DAO와 VO 클래스만 만드는 실습을 진행해 보았다. 다음으로 아..

아직까지는 메뉴 버튼이 나오지 않는다. 이번에는 메뉴별 페이지를 만들어 홈페이지 모습을 갖추어보기로 하겠다.     메뉴별 페이지 만들기화면 상단에 출력되는 주 메뉴와 특정 상품을 클릭하면 나타나는 상품 상세보기 페이지의 좌측의 서브 메뉴에서는 카테고리가 나타납니다. 여기서 특정 카테고리를 선택하면 상품 분류별 상품 리스트를 출력해주는 화면으로 이동할 수 있다.  카테고리를 클릭하면 "NonageServlet?command=catagory&kind=1"가 요청되어 분류별 상품 리스트를 출력해주는 화면으로 이동해야 하기 때문에 액션 클래스를 만들고 이 요청을 처리할 코드를 ActionFactory에 추가한다. 액션 클래스에서는 카테고리 번호로 상품 리스트를 얻어오기 위한 메소드를 호출해야 한다.   [직접..

다음으로 상품 상세 페이지를 만들어보겠다.    상품 상세보기 페이지 만들기특정 상품을 클릭하면 상품 상세보기 화면으로 이동한다. 상품을 클릭하면 "NonageServlet?command=product_ detail&pseq=${productVO.pseq}"가 요청되어 상품 상세 보기 페이지로 이동해야 하기 때문에 액션 클래스를 만들고 이 요청을 처리할 코드를 ActionFactory에 추가한다. 액션 클래스에서는 상품 번호로 상품 정보 하나를 얻어오기 위한 메서드를 호출해야 한다.   [직접 해보기] 상품 상세 보기 페이지로 이동하도록 하는 액션 클래스  화면 상단의 주 메뉴에 따라 화면 좌측의 서브 메뉴는 달라진다. 하지만 동일한 주 메뉴 내에서는 공통된 서브 페이지가 제공된다. 다음은 상품 관련 페..