전체 글

- Thymeleaf 는 서버 사이드 렌더링을 하지 않고 브라우저에 띄워도 정상적인 화면을 볼 수 있다. - thymeleaf-layout-dialect 를 이용하면 하나의 레이아웃을 미리 만들어놓고 현재 작성 중인 페이지만 레이아웃에 끼워넣으면 된다. - Thymeleaf docs : Documentation - Thymeleaf - thymeleaf-layout-dialect Github : ultraq/thymeleaf-layout-dialect: A dialect for Thymeleaf that lets you build layouts and reusable templates in order to improve code reuse (github.com) - thymeleaf-layout-dial..

@Querydsl - JPQL을 코드를 작성할 수 있도록 도와주는 빌더 API - 소스코드로 SQL문을 문장려이 아닌 코드로 작성하기 때문에 컴파일러의 도움을 받을 수 있다. - 소스 작성 시 오타가 발생하면 개발자엑 ㅔ오타가 있음을 바로 알려준다. 또한 동적으로 쿼리를 생성해주는 큰 장점이 있다. 스프링 부트 2.6.2 은 querydsl 버전 5.0.0 적용 pom.xml 안에서의 dependency 와 plugins 를 추가한다. 4.0.0 org.springframework.boot spring-boot-starter-parent 2.6.2 com shop 0.0.1-SNAPSHOT shop shop 11 5.0.0 ... com.querydsl querydsl-apt ${querydsl.vers..

- 쿼리 메소드를 이용할 때 가장 많이 사용하는 문법 : find find + (엔티티 이름) + By + 변수 결과) Hibernate: select item0_.item_id as item_id1_0_, item0_.item_detail as item_det2_0_, item0_.item_nm as item_nm3_0_, item0_.item_sell_status as item_sel4_0_, item0_.price as price5_0_, item0_.reg_time as reg_time6_0_, item0_.stock_number as stock_nu7_0_, item0_.update_time as update_t8_0_ from item item0_ where item0_.item_nm=? 20..

localStorage 를 적용한 테스트 코드를 작성해보자 Context/ToDoList/index.test.tsx import React, {useContext} from 'react'; import { render, screen, fireEvent } from '@testing-library/react'; import 'jest-styled-components'; import { ToDoListProvider, ToDoListContext } from './index'; beforeEach(() => { localStorage.clear(); }); describe('ToDoList Context', () => { it('renders component correctly', () => { const ..

변경전 초기 코드 다운받기(git) git clone https://github.com/gusrl6394/context-todo-list cd context-todo-list git reset --hard 2f89bca4ec8f1399a34e232835b2e66daa79a702 localStorage - ContextAPI를 사용하여 컨텍스트를 만들고 전역으로 데이터를 관리하도록 변경해보았으며 이렇게 관리되는 데이터를 외부에 저장하는 방법중 하나인 localStorage를 알아보자 - 보통 웹 서비스에서는 이런 데이터를 API를 통해 서버에 저장하고 가져온다. 이것은 추후 연습해보기로 한다. 변경된 부분) Contexts/ToDoList/indes.tsx import React, {createContex..