210322 - 52일차

공지사항 게시판을 마무리함.

서머노트 편집기를 이용, 파일첨부기능 추가
글 작성과 글 수정은 관리자 페이지에서 가능하고, 리스트 페이지와 컨텐츠 페이지는 일반 유저가 확인할 수 있다.

1. 파일 첨부 기능(자바스크립트 코드)

• 자바스크립트 태그 내에서 JSTL 태그를 이용할 수 있음.
• 컨트롤러에서 List<DTO> 형식으로 보내준 데이터를 EL로 자바스크립트에서 바로 이용할 수 없다.
• 자바스크립트 객체 형식이 아니므로, 자바스크립트 태그 내에서 c:forEach 를 이용해 JS객체로 만들어 준 뒤, 이용해야한다.
• <input type="file" multiple> 에서 선택한 파일을 자바스크립트로 파일의 이름과 사이즈를 태그 밑에 표시해줌.

2. 서머노트 편집기(자바스크립트 코드)

• 이미지를 편집기 내부에 첨부했을 때, ajax를 이용해서 파일을 외부 경로에 저장하고, result로 파일의 저장 경로를 반환해 주어야 한다.
• 이 때, 외부 경로를 이용하기 위해서는 server.xml 에 실제 경로를 정하고, 경로에 대한 웹 상 경로를 매핑해 줘야 한다.