본문 바로가기

JSP14

23.02.28 글쓰기 에디터 사용(ckEditor) https://freehoon.tistory.com/123 Spring 블로그 만들기 - 14. 위지윅 에디터 사용하기(CKEditor5) 이 포스팅의 샘플 게시판 개발 환경은 MAC OS, STS, OpenJDK11 입니다. 블로그 만들기 - 14. 위지윅 에디터 사용하기(CKEditor5) 이번에는 게시판을 조금 업그레이드 해보려고 합니다. 현재 게시판은 단순 freehoon.tistory.com 2023. 3. 1.
23.02.28 검색 값 유지, 상세 조회, 수정 SELECT - Search 검색 값 유지 공통사항 파라미터의 인자는 사용자가 전달하는 값이므로 ${파라미터명}으로 가져올 수 없음 EL에서 파라미터에 접근할 경우 param 키워드 사용: ${param.파라미터명} 검색 옵션 유지 파라미터 type의 인자에 따라 선택되는 옵션을 다르게 설정하기 위해 옵션 수 만큼 조건문을 사용해야 함 : if-else문(그룹 조건문)을 사용하는 효과를 낼 수 있음 : 단일 조건 구현에 사용 : if 역할, 조건 명시 : else 역할 EL에서는 모든 데이터를 타입과 무관하게 비교 연산(==)으로 비교 가능 (자바는 문자열에 equals 사용) EL에서는 큰/작은 따옴표 구분 안함 태그의 selected 속성 사용 시, 옵션을 선택된 상태로 유지할 수 있음 명시하지 않을.. 2023. 3. 1.
23.02.28 input type="file" 커스터마이징 하는 방법 Input File 태그의 기본적인 사용 File 필드를 사용하기 위해선 일반적으로 input type="file" 태그를 사용하게 된다. #Input File 태그 코드 # 각 브라우저 상에 나타나는 file 필드 해당 필드를 선언하면 각 브라우저마다 위와 같은 UI로 나타나게 되는데, 이는 브라우저 자체에서 적용되어 있는 UI여서 CSS 스타일로 변경이 불가능하다. 해당 필드의 스타일을 변경할 수 없지만, 대안으로 특정 필드의 액션에 inpit file이 동작하도록 하는 방법이 있다. 특정 필드에 File 필드가 동작하도록 하는 방법 기존의 input File 필드를 사용하게 되면 UI를 커스터마이징 할 수 없기 때문에, 대안으로 다른 태그와 연동하여 input file 태그의 기능을 대신하도록 할 .. 2023. 3. 1.
23.02.26 [JSTL] c:forEach 같은 index 사용하기 중첩된 c:forEach문에서 같은 index 사용하는 법 2023. 3. 1.