220616-17

🍮 16~17일 동안 한 일

지난 이틀은 계속 학원 세미프로젝트에 열중했다.
내가 맡은 부분은 도서 쇼핑몰의 장바구니/주문 부분인데, 장바구니 조회 페이지에서 주문하기로 이어지는 방식의 서비스라서 이번주에는 장바구니 조회 페이지 구현을 먼저 진행했다.

• 단순 html내용이던 페이지에 jsp 코드를 작성하여 db 정보와 연동 (조회, 변경, 삭제 기능 구현)
• 15일에 고려하지 않았던 화면 구현 내용을 추가로 보충했다.
  1. 조회되는 아이템이 없는 경우 : div 태그 중앙에 "장바구니 아이템이 없습니다." 출력
  2. 잘못된 변경/삭제 요청을 했을 경우 : jsp에서 fail관련 파라미터를 전달하며 재요청해서 상황에 맞는 경고 메시지 출력
  3. 체크박스 상태에 따라 달라지는 체크된 아이템 개수 출력
• 페이지 재요청하면서 체크박스 상태 유지하기
  15일에 작성한 코드대로 하니, 장바구니 아이템을 변경/삭제를 위해 페이지를 재요청할 때마다 기존 체크박스 상태가 초기화 되었다.
  ajax로 하면 이런 문제를 신경 쓸 일이 없겠지만, ajax 없이 만들어보기로 했기 때문에.. 체크 상태인 아이템 번호를 요청url에 계속 전달하는 방식으로 해결했다. ㅠㅠ
  form submit을 하면서 form입력값 중 원하는 값만 보내고자 하는 것에 어려움을 겪었으나 강사님의 조언을 통해 해결할 수 있었다.
  => form 태그 내에 아직 value가 정해지지 않은 hidden 타입의 input 태그들을 넣고,
  변경/삭제에 따른 이벤트핸들러 함수 실행 시 각각 그에 맞는 값들을 대입한 뒤 폼을 제출한다.
  이번 경우에는 개별 삭제 버튼과 선택 삭제 버튼 두 가지를 모두 하나의 delete.jsp에서 처리하는 동시에, 체크상태인 아이템번호도 전달해주어야 했다.
  HTML에서 각각 식별할 수 있는 name이 지정된 hidden 타입의 input 태그에 대하여 필요에 따라 스크립트에서 value를 지정함으로써 해결할 수 있었다.
  (개별삭제는 job=one, 선택삭제는 job=all을 전달)
  
  (책 표지 이미지는 아직 모두 저장을 안해놓은 상태이다)
• 배송지 변경 팝업 : 배송지 변경 페이지를 클릭하면 작은 크기의 새 창이 뜨고, 사용자의 여러 배송지 중 하나를 기본 배송지로 선택할 수 있게 한다. 아직 기본 화면 구현만 했다.
  정해진 크기의 새 창이 뜨게 하는 건 구글링해서 아래와 같이 window객체의 open함수를 실행하는 코드를 onclick 이벤트에 익명함수로 등록했는데 적절한 방식인지 강사님께 여쭤봐야 겠다.

<a href="addressList.jsp" target="_blank" class="btn btn-outline-secondary btn-sm"
onclick="window.open('addressList.jsp', 'newwindow', 'width=500,height=750'); return false;">배송지 변경</a>

• 깃허브에서 브랜치를 활용해 협업하는 게 계속 헷갈렸는데.. 무사히 push, pull request 후 merge까지 완료해보았다.

MVC 패턴에 대한 이해를 더 하고 있으면 좋을 것 같다는 생각이 들었다.

🥞 오늘 할 일

1. 부스트캠프 관련 조사
2. 세미 프로젝트 코딩 (빠르게 하기보다 정확하게 하기..!)
3. 백준 자바