● Todpao 데이터 처리package com.backapi.dto;import com.fasterxml.jackson.annotation.JsonFormat;import lombok.AllArgsConstructor;import lombok.Builder;import lombok.Data;import lombok.NoArgsConstructor;import java.time.LocalDate;@Builder@AllArgsConstructor@NoArgsConstructorpublic class TodoDTO { private Long tno; private String title; private String writer; private boolean complete; @JsonFormat(s..
● domain / Todopackage com.backapi.domain;import jakarta.persistence.*;import lombok.*;import java.time.LocalDate;@Entity@Table(name="tbl_todo")@Getter@Builder@NoArgsConstructor@AllArgsConstructor@ToStringpublic class Todo { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long tno; public void setTno(Long tno) {} private String title; private String writer; p..
● repository / TodoRespository.javapackage com.backapi.repository;import com.backapi.domain.Todo;import org.springframework.data.jpa.repository.JpaRepository;import org.springframework.stereotype.Repository;@Repositorypublic interface TodoRepository extends JpaRepository {} ● 테스팅 프로그로그램 ○ repository / TodoRepositoryTests.javapackage com.backapi.repository;import com.backapi.domain.Todo..
spring.application.name=backapiserver.port=8090server.servlet.context-path=/# MySqlspring.datasource.driver-class-name=com.mysql.cj.jdbc.Driverspring.datasource.url=jdbc:mysql://localhost:3306/apidb?serverTimezone=Asia/Seoulspring.datasource.username=shopapispring.datasource.password=My123456789!!sspring.jpa.properties.hibernate.show_sql = truespring.jpa.properties.hibernate.format_sql = truelog..
리액트 라우터 설치
리액트 라우터 설치 □ 리액트 라우터(React Router) ● 리액트 라우터(React Router) ○ 리액트에서 클라이언트 사이드 라우팅을 구현하기 위한 대표적인 라이브러리 ○ URL 경로에 따라 적절한 컴포넌트를 렌더링하여 페이지 전환을 관리할 수 있게 해준다 ● 참고 사이트 - 리액트 라우터 홈페이지 https://reactrouter.com/home React Router Home | React Router reactrouter.com ● 리액트 라우터 설치하기npm i react-router-domnpm install react-router-dom//설치 후 package.json -> dependencies -> r..
리액트 및 Tailwindcss 설치
리액트 및 Tailwindcss 설치 1. react 설치 ● 리액트 기본 폴더 만들기 (react_exam1) ● 터미널 창 열기(터미널-새터미널-Command Prompt) ● React App 생성 ○ 종료 : q 또는 Ctrl + C ● React App 가동 : npm run dev ○ 리액트 App 서버를 가동시키는 것임 ○ 리스트 ● 현재 가동 중인 리액트 App 웹 서버에 접속할 수 있는 주소 ○ http://localhost:5173/ ● 현재 가동 중인 리액트 App 웹 서버에 접속 ○ 웹브라우저에서 확인 : http://localhost..