본문 바로가기

WEB51

웹 스토리지 (React.js) 웹 스토리지(Web Storage)웹 애플리케이션이 클라이언트(브라우저)에 데이터를 저장할 수 있게 해주는 API로컬 스토리지와 세션 스토리지 두 가지 형태가 있음  로컬 스토리지(Local Storage)브라우저 세션과 관계 없이 영구적으로 데이터를 저장함 -> 사용자가 브라우저를 종료해도 저장된 데이터는 남아있음.사용자 로그인 유지 or 기본 설정 저장 시 활용// 저장localStorage.setItem('key', 'value');// 조회let value = localStorage.getItem('key');// 삭제localStorage.removeItem('key');  세션 스토리지(Session Storage)브라우저 세션 동안(브라우저 탭이 열려있는 동안)만 데이터 저장.일회성 로그인 .. 2024. 8. 23.
Thymeleaf 레이아웃(SpringBoot) Thymeleaf는 크게 2가지 형태로 사용할 수 있음 1. JSP의 include와 같이 특정 부분을 외부 혹은 내부에서 가져와 포함2. 특정한 부분을 파라미터로 전달해서 내용에 포함하는 형태 include와 layout의 차이 include 방식 처리th:insert: 바깥의 태그는 유지하되, 추가되는 방식th:replace: 기존의 내용 완전히 대체'/resource/templates/fragments/' 경로 안에 화면의 각 구성이 될 조각들을 'th:fragement'라는 속성으로 표현 - fragment1.html ( ... /resource/templates/fragments/fragment1.html) Part 1 Part 2 Part 3 - exLayout1.html  (.. 2024. 7. 30.
Thymeleaf 기본(SpringBoot) Thymeleaf타임리프도 JSP처럼 서버에서 결과를 만들어 브라우저로 전송사용하기 위해 application.properties에서 spring.thymeleaf.cache=false로 설정타임리프에서 에러가 나면 스크롤을 내려 중앙부분을 보면 확인할 수 있음  특징타임리프는 속성으로 되어있기 때문에 그냥 html로 열면 퍼블리셔가 화면에 코딩한 그대로 화면에서 볼 수 있음 (서버에서 받아와야하는 값들 알 수 없음)JSP는 확장자가 JSP라서 이런거 못함  기본 설정(DTO, Controller)// SampleDTO@Data // JPA할 때 무한 참조가 일어날 수 있으므로 사용에 유의@Builder(toBuilder = true)public class SampleDTO { private Lon.. 2024. 7. 30.
Query Method, @Query, Querydsl(SpringBoot) Query Method, @Query 어노테이션Spring Data JPA에서 검색을 위해 아래 방법을 활용할 수 있음쿼리 메서드(Query Method) : 메서드의 이름 자체가 쿼리의 구문으로 처리되는 기능@Query: SQL과 유사하게 엔티티 클래스의 정보를 이용해서 쿼리를 작성하는 기능Querydsl등의 동적 처리 기능쿼리 메서드(Query Method)https://docs.spring.io/spring-data/jpa/reference/jpa/query-methods.html JPA Query Methods :: Spring Data JPABy default, Spring Data JPA uses position-based parameter binding, as described in all .. 2024. 7. 30.

티스토리툴바