반응형

FE/html 40

[Error] Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long';

삭제 버튼의 기능 id 값 삭제 삭제 버튼 아래와 같은 에러가 발생함 ㅠㅠㅠ WARN 37728 --- [nio-8080-exec-2] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long'; nested exception is java.lang.NumberFormatException: For input string: "${post.id}"] 타입 에러가 발생했다는 건데... ..

FE/html 2021.08.05

[Thymeleaf] th:each

반복문 ${post} 변수에서 값을 뽑아 반복 인덱스 i는 옵션이다. Thymeleaf가 제공하는 인덱스 기능 index 0부터 시작하는 현재 iteration의 index count 1부터 시작하는 현재 iteration의 index size iterated variable의 총 요소 갯수 current 매 반복마다 변수 even 현재 iteration이 짝수인지? boolean 값을 반환 odd 현재 iteration이 홀수인지? boolean 값을 반환 first 현재 iteration이 첫번째인지? boolean 값을 반환 last 현재 iteration이 마지막인지? boolean 값을 반환

FE/html 2021.07.22

html 표

구성요소 테이블의 속성명 테이블의 행 테이블의 열 예시 # 제목 작성자 게시글 테이블 디자인 border 테이블의 테두리(숫자가 높을수록 테두리가 굵음) width 가로 height 세로 align 정렬 colspan 가로 합치기 rowspan 세로 합치기 참고 👉 https://coding-factory.tistory.com/184 [Html] 테이블(Table) 사용법 총정리(만들기,테두리,병합,정렬,배경색 등등) HTML을 하다보면 굉장히 많이 사용하는 태그가 바로 일것입니다. 바로 표를 만들어주는 HTML태그인데요. 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않습니다만 웹사이트 전체 coding-factory.tistory.com

FE/html 2021.06.05

id, name, class

id : 고유 식별자 name : 서버로 데이터를 전송할 때 필요한 식별자 class : 영역을 하나로 묶어 구분하는 식별자 제목 작성자 🦄 CSS로 스타일을 지정할 때 #아이디{속성1:속성값; 속성2:속성값;} id는 하나의 객체만 가진다. .클래스명{속성1:속성값, 속성2:속성값} 클래스는 여러 객체에 적용 가능 참고 👉 https://hashcode.co.kr/questions/7049/id-name-class-%EC%86%8D%EC%84%B1%EC%97%90-%EB%8C%80%ED%95%9C-%EC%82%AC%EC%9A%A9%EB%B2%95%EC%9D%B4-%EA%B6%81%EA%B8%88%ED%95%A9%EB%8B%88%EB%8B%A4 id, name, class 속성에 대한 사용법이 궁금합니다..

FE/html 2021.06.05

input 태그

🦔 type number 숫자 입력 range 범위 내의 숫자 값만 입력 color 색상 입력 date 날짜 입력 time 시간 입력 datetime-local 날짜와 시간 입력 month 연도와 월 입력 week 연도와 주 입력 email 이메일 입력 url URL 주소 입력 tel 전화번호 입력 search 검색어 입력 🍟 속성 required 값이 입력되야 서버로 전송 placeholder 입력하기 전 문구 표시 autofocus 문서가 로드되면 해당 부분에 자동으로 커서 required 값을 채우지 않고 전송을 하면 '이 입력란을 작성하세요.'문구와 함께 커서가 이동 oninput 값을 입력받을 때마다 이벤트 실행 onchange 해당 input 태그에서 focus가 벗어나는 순간 이벤트가 작동 ..

FE/html 2021.06.05
반응형