개발일지📝

레이아웃 템플릿 적용: layout03 템플릿에 container 부분을 전달하여 해당 템플릿의 특정 부분만 교체하는 방법을 보여줍니다. 이처럼 여러 페이지에서 공통된 레이아웃을 유지하면서, 특정 부분만 동적으로 교체할 수 있습니다. 이 화면에 진입할 때 TestVO를 Model에 담아 화면처리를 합니다. 1. 회원정보확인 링크에는 quiz_result01?키=값 형태로 번호를 넘기고 출력해 주세요 2. 아래 class="container" 부분만 layout03 템플릿에 전달 될 수 있도록 처리하세요 회원번호: [[${vo.num}]] 이름: [[${vo.name}]] 나이: [[${vo.age}]] 회원정보확인   결과화면 넘어온 값: [[${num}]]   ..

@RestController //Controller + ResponseBody(컨트롤러에서 응답을 요청이 들어온곳으로 바꿈) 합성어    JSON 형식의 반환 1. Vo 타입  2. Map 타입     json형식으로 데이터 전송 @RequestBody - JSON데이터를 -> 자바 오브젝트로 변형해서 맵핑 { "name" : "홍길동", "age" : 20, "addr" : "서울시시" }       /////////////////////////////////////////////////////////////////////////////// //응답문서 명확하게 작성하기 ResponseEntity //@CrossOrigin({"http://127.0.0.1:5500", "h..

타임리프 내장객체 사용방법 배열의 길이 [[${ #arrays.length(arr) }]] 리스트의 길이 [[${ #lists.size(list) }]] 빈리스트 확인 [[${ #lists.isEmpty(list) }]] [[${now}]] [[${ #dates.format(now, 'yyyy-MM-dd') }]] 자바스크립트로 값 받기

타임리프 변수, 제어문 [[${'hello world'}]] [[${1 == 1}]] [[${1 eq 1}]] 변수 선언 [[${a}]] [[${b}]] 조건문 10과 같음 10과 같지 않다 if if와 조건을 동일하게 달아줍니다 (else문) 3항 연산자 [[${ true ? '참입니다' : '거짓입니다'}]]     반복문 [[${vo.num}]] [[${vo.name}]] [[${vo.addr}]] [[${vo.a..

◈ 타임리프 include 문법   layout01.html 파트1 부분 파트2 부분  layout02.html 여기는 푸터 영역 입니다..     결과 .html  인클루드 확인하기1    layout03.html 헤더입니다. footer입니다  결과 .html 여기는 몸체 입니다. 아이디 선택자 # 여기는 몸체2 입니다. 클래스 선택자 .

◈ JPA 란?JPA(Java Persistence API)는 자바(Java) 애플리케이션에서 관계형 데이터베이스를 사용할 수 있도록 지원하는 표준 API입니다. JPA는 객체 지향 프로그래밍과 관계형 데이터베이스 사이의 불일치를 해결하기 위해 설계된 ORM(Object-Relational Mapping) 기술의 한 종류입니다.JPA의 주요 개념ORM(Object-Relational Mapping): 객체 지향 프로그래밍 언어인 자바와 관계형 데이터베이스의 테이블을 매핑하는 기술입니다. 이를 통해 객체와 데이터베이스 간의 데이터 변환을 자동으로 처리할 수 있습니다.Entity: JPA에서 데이터베이스 테이블과 매핑되는 자바 클래스입니다. 이 클래스는 애플리케이션에서 데이터베이스 테이블의 행을 표현하며, ..

◈ AJAX (Asynchronous JavaScript and XML) 란?AJAX는 여러 기술을 조합하여 비동기적으로 서버와 데이터를 주고받는 방법  ◈ Fetch API 란?Fetch API는 AJAX와 비슷한 기능을 제공하는 최신 웹 API로, 프로미스를 사용하여 비동기 요청을 더욱 간결하게 처리     타임리프로 만들어진 뷰 입니다. get방식 post방식 ex01 ex02