전체 글

[17] 기본적인 웹 게시물 관리 - 오라클 데이터베이스 페이징 처리

구현된 기능들 중 가장 미숙한 부분은 목록 페이지이다! 목록 페이지는 기본적으로 페이징 처리가 필요한데 수많은 데이터를 한 페이지에서 보여주면, 처리 성능에 영향을 미친다. 또한, 브라우저에서도 역시 데이터의 양이나 처리 속도에 문제를 일으키게 된다. 일반적으로 페이징 처리는 크게 번호를 이용하거나 '계속 보기'의 형태로 구현된다. 번호를 이용한 페이징 처리는 과거 웹 초기부터 이어오던 방식이고, '계속 보기'는 Ajax와 앱이 등장한 이후에 '무한 스크롤'이나 '더 보기'와 같은 형태로 구현된다. 예제에서 목록 페이지는 전통적인 번호를 이용하는 방식으로 처리하게 된다. 오라클에서 페이징 처리하는 것은 MySQL에 비해서 추가적인 지식이 필요하므로 이에 대한 학습을 선행해야한다. 1. order by의 ..

[16] 기본적인 웹 게시물 관리 - 화면 처리 3

4-2. 목록 페이지와 뒤로 가기 문제 목록 페이지에서 각 게시물 제목에 태그를 적용해서 조회 페이지로 이동하게 처리한다. 최근에 웹페이지들은 사용자들의 트래픽을 고려해 목록 페이지에서 새창을 띄워서 조회 페이지로 이동하는 방식을 선호하지만 전통적인 방식에서는 현재창 내에서 이동하는 방식을 사용한다. 조금 관심을 가지고 웹페이지들을 이용하다 보면 의외로 이러한 처리가 제대로 되지 않는 경우를 많이 보게 된다. 예를 들어, '뒤로 가기'를 하면 다시 다운로드를 시도하거나 경고창이 뜨는 경험들을 할 수 있다. '뒤로 가기'의 해결은 조금 어려운 내용들이 나올 수 있으므로 학습에 어려움이 있다면 건너뛰는 선택도 나쁘지 않다. (난 못먹어도 고다) - 목록에서 조회 페이지로의 이동 list.jsp 페이지는 아래..

jquery.min.js:2 Uncaught TypeError: $(...).DataTable is not a function

- 스프링 웹 프로젝트를 하다가 모달창을 띄우는 과정에서 다음과 같은 에러가 났다. 구글링을 해보니 jQuery가 두번 선언 되어서 라는데 내 코드의 어디를 찾아봐도 한번만 선언 되어있다.....ㅠㅠ 또한, 부트스트랩 스크립트보다 제이쿼리 스트립트를 먼저 불러와야한다고 한다.... 나 그렇게 했는데...?????? 어디가 잘못된 걸까??? 따라하는 책이랑 부트스트랩 버전이랑 폴더 구성이 달라서 그런지 알 수가 없다.. 해결 방법 https://okky.kr/article/433466 여기 참고후에 OKKY | jsp 회원가입 모달창 띄우기 질문입니다 생초보 자바 9버전 사용하고 있습니다 동영상보고 공부중입니다 회원가입시에 id 중복확인 버튼을 누르면 모달창이 띄워져서 중복인지 아닌지 알 수 있는 것과 입..

[15] 기본적인 웹 게시물 관리 - 화면 처리 2

3. 등록 입력 페이지와 등록 처리 게시물의 등록 작업은 POST 방식으로 처리하지만, 화면에서 입력을 받아야 하므로 GET 방식으로 입력 페이지를 볼 수 있도록 BoardController에 메서드를 추가한다. @GetMapping("/register") public void register() { } register()는 입력 페이지를 보여주는 역할만을 하기 때문에 별도의 처리가 필요하지 않다. views 폴더에는 includes를 적용한 입력 페이지를 작성한다. Board Register Board Register Title Text area Writer Submit Button Reset Button register 페이지에서는 태그를 이용해서 필요한 데이터를 전송한다. 이나 태그의 name 속성..

[14] 기본적인 웹 게시물 관리 - 화면 처리

드디어 각 영역에 대한 모든 처리와 테스트가 완료되었다!!!! 만일 에러가 발생한다면 모든 문제는 화면 쪽에서만 발생한다고 할 수 있다. 화면에는 JSP와 JavaScript, CSS, HTML을 이용해서 작성한다. 화면을 개발하기 전에는 반드시 화면의 전체 레이아웃이나 디자인이 반영된 상태에서 개발하는 것을 추천한다. 일부 개발자들은 화면을 나중에 처리한다고 생각하고 진행하는 경우가 있는데 결과적으로는 두 배의 시간을 들일 가능성이 높기 때문에 권장하지 않는다! 만일 웹 디자이너가 같이 참여하지 못한다면 최근에 유행하는 BootStrap을 이용한 무료 디자인들을 찾아보는 것도 좋다. -> http://startbootstrap.com/template-categories/all/ Free Bootstra..

[13] 기본적인 웹 게시물 관리 - 프레젠테이션 계층의 CRUD 구현

1. Controller의 작성 스프링 MVC의 Controller는 하나의 클래스 내에서 여러 메서드를 작성하고, @RequestMapping 등을 이용해서 URL을 분기하는 구조로 작성할 수 있기 때문에 하나의 클래스에서 필요한 만큼 메서드의 분기를 이용하는 구조로 작성한다. 과거에는 이 단계에서 Tomcat(WAS)를 실행하고 웹 화면을 만들어서 결과를 확인하는 방식의 코드를 작성해 왔다. 이 방식은 시간도 오래 걸리거니와 테스트를 자동화 하기에 어려움이 많다. 따라서 이 단계에서는 WAS를 실행하지 않고 Controller를 테스트할 수 있는 방법을 학습한다. 1-1. BoardController 의 분석 작성하기 전에는 반드시 현재 원하는 기능을 호출하는 방식에 대해 다음과 같이 테이블로 정리한..