수업 정리
상세보기 기능 정리
목록을 보면서 내가 원하는 게시글의 제목을 클릭
-> 해당글의 상세페이지로 넘어감
리스트페이지에서 제목을 누르면 해당 게시글의 상세보기 화면으로 가야함
- 제목을 클릭할 수 있는 요소를 만듦(a, button, input)
- 웹서버로 요청이 넘어가야 함(상세보기를 보고자 하는 요청)
- 해당 요청을 받아서 요청 url이 매핑되는 컨트롤러 메서드를 찾아감
- url이 매핑된 컨트롤러 메서드는 사용자가 보고자 했던 글의 상세내용을 가져오기 위해 서비스에게 말을 검
- 서비스는 dao에게 말을 걸어 데이터를 요구
- dao는 DB서버에게 요청을 보내 일치하는 데이터를 찾아와 서비스에게 돌려줌
- 서비스는 dao에게 받은 데이터를 컨트롤러에게 돌려줌
- 컨트롤러는 받은 데이터를 상세보기 페이지를 구성하는 jsp에게 전달하기 위해 세팅하고 jsp를 찾아갈 수 있게 경로를 리턴
- jsp는 컨트롤러에게 받은 데이터를 화면에 구성
a : 링크 이동 -> 웹서버에게 요청 전달을 할 때 주로 사용(href)
button : 이벤트 발생 -> 자바스크립트에서 처리되는 이벤트를 발생시킬 때 주로 사용
절대 경로는 처음부터 시작점이라면 상대경로는 나부터 시작점임
jsp파일에서 다른 jsp를 불러오는 방식 - include
정적 include
-> jsp파일이 변환 및 컴파일 되기 전에 include된 jsp들을 하나의 jsp로 합침
-> 변수 공유가 가능
-> 수정사항이 생기면 실시간 적용이 되지 않음
-> 속도가 동적보다 빠름
동적 include
-> jsp파일이 실행되는 중에 다른 include된 jsp를 포함시킴
-> 동시다발적으로 이루어짐
-> 각각의 jsp가 별도로 컴파일 됨
-> 변수 공유가 어려움
-> 수정사항이 생기면 실시간 적용이 됨
jsp파일이 변환 및 컴파일 되면 html문서가 됨 -> html문서가 브라우저에 나타남
header.jsp가 있기 때문에 좋은 점
-> 공통으로 사용될 라이브러리 같은 것들을 불러올 때 이점
테일윈드
jquery
폰트어썸
폰트설정링크
삭제 기능 정리
- 상세보기 페이지에 삭제 버튼을 하나 만듦
- 해당 버튼을 클리하면 게시글이 삭제
2-1. /usr/article/delete?id=[?]라는 요청을 웹서버로 보냄
2-2. 웹서버는 해당 요청을 매핑할 수 있는 컨트롤러 메서드를 찾아서 전달
2-3. 전달 받은 컨트롤러 메서드는 쿼리스트링으로 들어온 id를 사용해서 게시글을 지움 - 사용자에게 잘 지웠다라는 문구 보여주기(화면을 그려서 보여주는 방식, 스크립트를 통해 알림창)
- 리스트로 페이지를 넘겨줌(jsp가 바뀐다의 개념이 아니라 요청이 바뀌어야 한다는 의미)
alert('') : 확인 버튼만 나옴
confirm('') : 확인과 취소버튼이 나옴
url : https://www.naver.com
uri : naver.com
