본문 바로가기



전체  > 웹개발 (3)

Springboot Project 02 - 타임리프(Thymeleaf) 초기셋팅 안녕하세요. 각성한 데브키라입니다. Spring Boot에서 Thymeleaf를 사용하여 index.html 파일을 출력하는 방법을 단계별로 설명하겠습니다. 아래는 index.html을 출력하기 위한 전체 설정과 코드입니다.1. Gradle 의존성 추가먼저, build.gradle 파일에 Thymeleaf 의존성을 추가해야 합니다.dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web'}이 의존성을 추가한 후, Gradle을 리프레시하여 Thymeleaf 템플릿 엔진을 포함한 라이..


Springboot Project 01 - 프로젝트 초기셋팅 안녕하세요! 각성한 데브키라입니다. 오늘은 Spring Boot를 활용한 웹 개발의 첫걸음인 Spring Initializr에 대해 알아보겠습니다. Spring Boot는 간편하고 빠른 설정으로 효율적인 애플리케이션 개발을 가능하게 해주며, Spring Initializr는 이러한 개발 과정을 시작하는 데 있어 매우 유용한 도구입니다. 이번 포스팅에서는 Spring Initializr의 주요 기능과 설정, 효율적인 사용 방법을 자세히 소개해 드리겠습니다. 특히 Gradle, Lombok, 그리고 데이터베이스 드라이버 등의 의존성을 설정하는 팁도 함께 제공할 예정이니 끝까지 확인해 보세요!1. SPRING INITIALIZR(스프링 프로젝트 시작)Spring InitializrProject: Spring ..


리액트 06: 사용자 정의 이벤트 구현 안녕하세요, 각성한 데브키라입니다. 웹 개발을 하다 보면 사용자의 행동에 따라 다양한 이벤트를 처리해야 할 필요가 있습니다. 오늘은 리액트에서 사용자의 클릭 이벤트를 다루는 방법과, 이벤트에 필요한 데이터를 전달하는 방식에 대해 알아보겠습니다. [ 핵심 내용정리 ][ 주요 부분만 스크랩한 코드입니다. ]====== 변수선언 ======  const topics = [    {id:1, title:"게시글1", content:"컨텐츠1..."},    {id:2, title:"게시글2", content:"컨텐츠2..."},      ]      ====== 컴포넌트를 호출 ======    {   ====== 컴포넌트에서 이벤트가 발생 후 이벤트 데이터를 전달받음 ======          ...내용 ..