개발기억노트 / java spring 게시판 구현 연습 / jsp 세부적으로 이해하기

 

***이 글은 이제 막 개발을 시작한 자린이가 기억하기 위한 일종의 기록으로 정확하지않을 수 있음을 알립니다.***

 

JSP 파일 세부적으로 이해하고 살펴보기

 

01. 리스트가 보여지는 메인화면

검색을 하기위한 ajax 코드 부분

검색을 위한 데이터를 Ajax로 처리하기 위한 코드이다.

 

메인의 body부분

메인의 body부분

중요한 포인트부분을 밑줄쳐두었다.

첫번째 밑줄의 경우 초급 개발자들이 실수하기 쉬운부분이다.
예를들어 저곳에 /나 .do를 빼먹는다거나 오타가 났는데 왜 안되지???하는 경우 말이다.
나 역시 경로나 스펠링 위주의 실수가 잦아 까먹지 않으려고 밑줄로 한번더 강조하였다.

 

두번째 밑줄은 아주아주 자주사용하는 for문인데 items의 값이 밑에 내용에 들어가게된다!

<c:out value="${status.count}"/>는 실제 데이터의 번호가 아닌 view에서 보여지는 번호이다.
(실제 데이터로는 1,4,5,6,8 이지만 view에서는 순서대로 보여진다.)

 

jsp에는 get과 post방식이 있는데

<a href="/jhAcademy/noticeDetail.do?eduNumber=${edu.eduNumber}">
의 경우 get방식으로 받아온 값이다.
(참고로 a에는 post방식은 존재하지않는다.)

 

02. 리스트 등록을 위한 화면 

등록 폼 스크립트 부분

맨위 밑줄은 jsp(jstl)의 여러가지 커스텀액션 태그들 중 하나이다.

그리고 그 밑은 등록할때 validation 체크 스크립트 부분이다.

등록 폼 body부분

name과 id를 사용한다.( id= 유일한 값 )
name을 써도 되지만 중복값을 갖기 때문에 id로 접근하는것을 주로 사용한다.

input에서 name과 id값은 통상적으로(?) 동일하게 쓴다.

 

03. 리스트 상세 조회를 위한 화면 

상세 조회 body

04. 리스트 수정을 위한 화면 

수정을 위한 폼

${eduList.eduNumber }은 view에서 번호값은 보이지만 그 밑에
input type="hidden" 으로 사용자에게는 보이지않지만 서버로 넘겨진다.

 

수정을 위한 폼이기 때문에 value 부분에 상세화면에서 뿌렸던(?)것과 같은 값을 가지고 있는 데이터를 노출시켜준다.
(하지만 controller에서 각각 적용한다.)

 

<fmt:formatDate value="${eduList.eduDate }" pattern="yyyy-MM-dd HH:mm" />부분은 

format라이브러리로 날짜와 시간을 출력하는 형식 지정이다.
-value : 날짜 데이터(Date객체)

-type : 날짜와 시간 구분(date - 날짜(디폴트), time - 시간, both - 둘다)

-pattern : 출력형식을 임의로 변경하는 속성