hanker

HTML에서 요소를 중앙 정렬하는 방법은 여러가지가 있다. 수직 또는 수평 정렬을 어떻게 구현할지에 따라 다른 접근 방식을 취한다. 1. Flexbox 사용 부모 요소에 스타일을 설정하여 자식 요소를 수평과 수직 모두 중앙에 배치한다..parent { display: flex; align-items: center; justify-content: center; } 중앙 이 방식은 간단하게 부모 요소의 속성만 조정하여 자식 요소를 중앙으로 배치할 수 있어 매우 직관적이다. 2. Grid 사용 1번과 마찬가지로 부모 요소에 스타일을 설정하여 자식 요소를 중앙 정렬 시킨다..parent { display: grid; place-items: center; } 중앙 CSS Grid는 두 축(수평 및 수직)을 동시에..

상황에 따라 Controller에서 list를 view에 넘겨줄 때 select option 태그를 반복해서 출력해야하는 경우가 있다. 1. controller 데이터 조회 후 view에 데이터 전달 List list = new ArrayList(); list = entityRepository.findAll(); model.addAttribute("list", list); 2. view에서 반복 출력 -- 선택 -- - value 값은 idx값이 들어가고 utext에 view에 보여질 텍스트를 작성해주면 된다. 만약 한개의 컬럼이 아닌 복수개의 컬럼을 텍스트로 보여주고 싶다면 뒤에 '+' 를 붙혀 문자열 붙이는 것처럼 사용할 수 있다. -- 선택 --

/img/cat.png 이미지 파일을 준비한 후 main.css에 작성한다. body{ background-size: cover; } 이렇게 작성하면 이미지가 화면에 꽉차게 된다.

태그의 마우스 커서 손가락 모양으로 변경 태그 내에서 변경 시 style="cursor : pointer;" #mouseOver{ cursor: pointer }

Spring 으로 프로젝트 생성 시 한글이 ? 로 나올때 방법 JSP 상단에 추가 해주면된다.

기존에 Controller에서 view로 데이터를 보낼 때 ${NAME}과 고정된 'TEXT' 값이 아닌 변수값과 비교할 때에는 이렇게 아주간단하게 구현 가능하다.

기존에는 onclick을 이용해서 javascript로만 열었는데 쉽게 열수있는 방법이 있었다.. Open Modal Open Modal Open Modal 출처: w3shools 기존에 modal창 띄우던 방식 출처: w3shools

1. jsp 최상단에 taglib 작성 2. 패턴 지정

참고 : https://www.youtube.com/watch?v=omJfspwjnZk input[type=text]{ width:100%; border:2px solid #aaa; border-radius:4px; margin: 8px 0; outline: none; padding:8px; box-sizing: border-box; transition:.3s; } input[type=text]:focus{ border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgetBlue; } css 적용 시

0 - errCnt의 값이 -1이면 0, 그 외에는 ${list.err_cnt} 표시 - c:when : if - c:otherwise : else