(국비교육) 59 - 로고 넣기 + 멀티보드 만들기 + div 테이블 만들기 + rownum + ObjectMapper

■ 로고 넣기

 

 

 

메뉴 로고 클래스 이름을 다르게 설정하고, 이미지를 삽입하여 로고를 넣는다. 

 

■ 멀티보드 만들기

 

 

requestMapping 으로 get mapping 받기

만약 method get 설정 안하면 get과 post 모두 받는다. 

 

 

셋업보드 생성한다. 

 

 

다음과 같이 생성해준다.

multiboard 가 소문자로 돼 있어 b_url multiBoard를 multiboard 소문자로 바꿔준다. 

 

 

setupboard 에 있는 모든 데이터를 가져올 것이므로 순차로 모든 데이터를 불러온다. 

 

■ div 로 테이블 만들기

 

 

- table : <table> 요소처럼 표현합니다.

- table-row : <tr> 요소처럼 표현합니다.

- table-cell : <td> 요소처럼 표현합니다

 

https://www.codingfactory.net/10776

CSS / display 속성으로 표 만들기 - table, table-row, table-cell

https://ducklett.tistory.com/43

(CSS) DIV 태그로 테이블 만들기

https://ofcourse.kr/css-course/display-%EC%86%8D%EC%84%B1

CSS display 속성 - ofcourse

 

■ 멀티보드 게시판 목록 가져오기

 

 

파라미터 값은 안넣어도 상관없다. 

 

 

 

다음과 같이 a 태그로 나타낼 수 있다.

a태그로 해당 링크를 걸어주고, 해당하는 이름을 catename 으로 표시해준다. 

 

 

버튼 타입으로 나태낼 수도 있다. 

 

 

board2 로 들어가서 소스보기 하면 해당 url param 값을 가져온다. 

 

 

세부내역 클릭하면 해당 보드의 몇 번 게시글인지 보여주기 위함이다. 

 

글 작성을 완료하면 해당하는 멀티보드로 보내주기 위함이다. 

 

 

넣어주면 글을 써도 해당 게시글로 다시 돌아온다. 

 

 

board=1 에 해당하는 게시글을 찾는 것이다.

 

 

이렇게 하면 1개만 나온다. 

그러나 모든 게시글이 나온다. 

 

 

 select 에도 조건을 걸어줘야 board 1 에 해당하는 게시글만 나온다. 

 

■ rownum 이용하기

 

 

 

ROWNUM이란 오라클에서 지원하는 가상컬럼으로 쿼리의 결과에 1부터 하나씩 증가하여 붙는 컬럼이다.

총 4개의 변수가 계속 바뀌어야 한다. 

 

 

여기서 +1처리는 1개씩 숫자를 증가시키고,

SELECT @ROWNUM:=0 는 0부터 뽑는다는 뜻이다.

 

CAST(... AS UNSIGNED)는 @ROWNUM 값을 부호 없는 정수(양의 정수)로 변환한 후,

rowNum이라는 별칭을 부여한다. 

 

 

가져온 보드 번호에 해당하는 rownum 을 보여주도록 설정한다. 

 

 

rowNum 을 기준으로 역순정렬해준다. 

그러나 해당 역순으로 정리하면 rowNum 만 역순으로 정리돼서 맞지 않는다. 

 

 

()안에 내용이 mm 이고 그 mm에서 * 전체 내용과 as count 값을 가져오는 것이다.

mm 에서 먼저 mb_no 순차 정렬을 해주고, 그리고 mm.mb_no 로 역순 정렬을 한다.  

 

 

삭제된 게시글은 보여주지 않고 게시글 순서가 순서대로 뜬다. 

 

 

마찬가지로 board 맵퍼도 동일하게 정리해준다. 

 

 

해당 select @rownum 을 from 뒤에 분리해서 넣어줘도 정상 작동한다. 

 

 

삭제된 게시글 제외하고 순차정렬 가능해진다. 

 

 

다만 보드에서는 우리가 dto 에 넣어줬으므로, rowNum 을 dto 에 넣어줘야 한다. 

 

 

최종 쿼리문이다. 

 

[출처] [MySQL/MariaDB]ROWNUM 사용하기|작성자 로그

https://blog.naver.com/hj_kim97/222215389986

[MySQL/MariaDB]ROWNUM 사용하기

https://aljjabaegi.tistory.com/226

MySQL ROW_NUMBER ORDER BY 정렬한 후 번호 매기기

 

 

onclick="detail()" 안에다 값을 담아주면 해당 값을 담을 수 있다. 

 

 

 

해당 값을 담기면 다음과 같이 해당 글을 불러온다. 

 

 

위 ajax 와 겹치지 않도록 deatail2 로 이름지어주고, 복사해서 가져온다. ]

 

 

Jackson 라이브러리의 ObjectMapper 객체를 생성한다.

ObjectMapper는 Java 객체와 JSON 데이터 간의 변환을 처리한다. 

 

String json = mapper.writeValueAsString(detail2);: 는 ObjectMapper를 사용하여

detail2 객체를 JSON 형식의 문자열로 변환한다.