저는 Spring Boot를 사용하여 개발을 진행할 때 보통 QueryDSL을 자주 애용하는 편입니다. 흔히 사용하는 JPA의 경우에는 사용 방법이 많이 알려져있기도 하고 가장 대중적인 데이터 관리 / 사용 기술이라고 볼 수 있겠지만 복잡한 조건의 데이터를 사용해야할 때 사용하기 번거롭다는 단점이 존재하고, JPA 함수를 사용할 때 아무래도 쿼리문 형태가 아닌 함수 형식이다 보니 사용할 때마다 매번 찾아보거나 해야하기 때문에 불편하다고 느꼈습니다. MyBatis의 경우에는 옛날부터 많이 사용했던 데이터 기술이긴 하지만 오래된 기술이니만큼 개인적으로 사용하고 싶지 않았습니다. 또한, MyBatis를 사용하게 되면 Mapper 라고 하는 xml로 쿼리문을 따로 관리해줘야하거나 추가로 DAO를 만들어주어야 하..

이전에 Bootstrap이 어떠한 것인지 어떠한 용도로 사용되는 것인지 얼마나 개발자에게 효율적으로 도움을 줄 수 있는지 확인해 보았습니다. 이번에는 제가 원하는 사이트를 BootStrap 으로 빠르게 만들어보겠습니다. https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com Bootstrap을 잘 사용하기 위해서는 해당 ..

https://www.w3schools.com/bootstrap/bootstrap_templates.asp Bootstrap Templates W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

https://www.transparenttextures.com/ Transparent Textures www.transparenttextures.com

https://mui.com/ MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. mui.com Material-ui 는 React 에서 아이콘이나 UI를 구성하는 데에 있어서 도움을 주는 기능입니다. 사용하려면 npm install 명령어를 통해 icon, core를 설치하여 받은 뒤, 간편하게 import 문으로 호출하고, 기호를 통해 사용합니다. BootStrap을 사용하듯이 만들어져있는 ui 내용들을 불러와..

App.jsx import React, { useState } from "react"; function App() { const [inputText, setInputText] = useState(""); const [items, setItems] = useState([]); function handleChange(event) { const newValue = event.target.value; setInputText(newValue); } function addItem() { setItems(prevItems => { return [...prevItems, inputText]; }); setInputText(""); } return ( To-Do List Add {items.map(todoItem => ..