★ 보간법 mount하고 있는 9행 id가 app인 div요소 {{ }} : 콧수염 모양을 닮았다해서, 콧수염 표현식이라고도 부르며, 보간법이라고 불릅니다. {{message}} ★ 기본 디렉티브 1. v-text, v-html 디렉티브 Vue 디렉티브는 템플릿 안에 사용하는 v-로 시작하는 속성이며, 이것을 이용해 HTML 요소와 관련된 작업을 지정할 수 있습니다. v-text : {{message}} 와 같은 동일한 기능을 수행한다. 즉, inner Text 속성에 연결됨. 태그 문자열을 HTML 인코딩하여 나타나기 때문에 화면에는 태그 문자열이 그대로 나타남. v-html : innerHTML 속성을 변경하는 것. innerHTML 속성에 연결됨. 태그 문자열을 파싱하여 화면에 나타냄 2. v-bi..
★ 검색 확인 연산자 null 값 확인 //[Is}Null, [Is]NotNull //- 컬럼 값이 null인 레코드 검색 //[Is]Empty, [Is]NotEmpty //- 컬럼값이 null이거나 빈문자열인 레코드 검색 null 값 확인 ex) List list = itemRepo.findByOwnerNull(); List list = itemRepo.findByOwnerEmpty(); List list = itemRepo.findByOwnerNotNull(); 정렬 //정렬 //List list = itemRepo.findAll(Sort.by(Sort.Direction.ASC, "price")); //List list = itemRepo.findAll(Sort.by("name")); //오름차순 /..
★ 새 프로젝트 생성 Name : boot-jpa Group : com.test Artifact : boot-jpa Package : com.test.jpa 의존성 - Spring Web - Lombok - MyBatis Framework - Oracle Driver - Spring boot Devtools - Thymeleaf - Spring JPA ■ JPA, Java Persistent API Java ORM 기술에 대한 API 표준 명세 JPA 구현 기술 > Hibernate, EclipseLin, DataNucleus 등 대부분 Hibernate를 사용 ■ ORM, Object Relational Mapping Entity 객체와 Database 테이블을 서로 매핑해서, SQL 쿼리가 아닌 Ja..
★ 제어문 if문 사용 if num1 : 양수 num2 : 양수 양수 [[${num1}]] 입니다. 양수 음수 양수 음수 실행 결과 switch문 사용 switch 추가하기 삭제하기 기타 실행 결과 ★ 반복문 each문 사용 이름 실행 결과 테이블 형식 Each문 번호 아이디 제목 실행 결과 ★ 조각 페이지 inc/sub.html 조각 페이지 입니다. inc/sub2.html 조각 페이지 2 조각 페이지 3 소유주 : 연락처 : 사용 Thymeleaf Fragment insert replace 실행 결과
★ 타임리프 연산자 산술 연산자 > 동일 비교 연산자 > 동일 + 영문 표현 제공 논리 연산자 > 동일 + 영문 표현 제공 삼항 연산자 > 동일 데이터 없음 문자열 연산자 > 동일 ★ HTML 속성 조작 th:HTML속성명="값" 기존에 동일한 속성이 선언되어 있으면 대체한다. 기존에 동일한 속성이 선언되어 있지 않으면 추가한다. 대부분 서버에서 전달 받은 값(model)은 - 직접 표현식으로 아무곳에서 사용이 불가능(${key}) - 표현식은 반드시 th:속성에만 적용이 가능 사용 ex) ${name} Box 1 Box 2 Box 3 Box 4 Box 5 Box 6 Box 7 Box 7 ★ PCDATA 조작 HTML 콘텐츠 영역 > 데이터 출력 1. th:text - escaped text - '' -..
★ 새 프로젝트 생성 New > Spring Starter Project - Name > boot-mybatis - Type > Maven - Packaging > Jar - Java Version > 11 - Language > Java - Group > com.test - Aritfact > boot-mybatis - Package > com.test.mybatis - srping boot version > 2.7.13 - Spring Web > 체크 - Oracle Driver > 체크 - MyBatis Framwork > 체크 - Lombok > 체크 ■ JSP 설정 1. pom.xml > 의존성 2개 추가 javax.servlet jstl org.apache.tomcat.embed tomcat-..
★ 새 프로젝트 생성 new -> other -> New Spring Starter Project https://start.spring.io web 체크 sts 에서 import ■ J2EE Servlet, JSP 등.. ■ 스프링 부트 + JSP 템플릿 엔진 > JSP 역할(+EL, +JSTL) - FreeMarker - Groovy - Thymeleaf > 선택 - Mustache - 등등 ■ pom.xml 의존성 2개 추가 javax.servlet jstl org.apache.tomcat.embed tomcat-embed-jasper ■ application.properties ViewResolver 등록 #서버 포트 번호 server.port = 8092 # JSP View Resolver spr..
★ 스프링 설치(Spring Boot) 툴 > - STS3(기본 Spring or Spring Boot) - STS4(Spring Boot) 다운로드 https://spring.io/ Spring | Home Cloud Your code, any cloud—we’ve got you covered. Connect and scale your services, whatever your platform. spring.io projects -> Spring Tools4 클릭 후 , Previous Releases Eclipse https://github.com/spring-projects/sts4/wiki/Previous-Versions Previous Versions The next generation of t..
