전체 글 썸네일형 리스트형 [LogicList]Spring 타임리프 환경 페이징 구현 백엔드 구현 필요사항 페이지 관련 도메인 클래스 생성 Controller 클래스에서 Page 파라미터 받기 관련 키워드에 대한 총 게시글 수 쿼리문 작성 프론트 구현 필요사항 현재페이지 구분 페이지 도메인 클래스 출력 1. 페이지 관련 도메인 클래스 생성 package swlee.logiclist.domain; import lombok.Getter; import lombok.Setter; @Getter @Setter public class PageMaker { private int totalCount; // 게시글 총 갯수 private int startPage; // 현재 페이지 private int endPage; // 마지막 페이지 private int totalPage;// 전체 페이지 priva.. 더보기 [LogicList] TodoList 백엔드 기능구현 기능 설명 등록 후 24시간이 경과된 컨텐츠는 삭제 후 Database에 저장 추후 Todo 테이블과 분리하여 운용필요 최대 5개의 TodoList 전달 TodoResult 에러 핸들링을 위한 TodoResult(Enum Class)생성 package swlee.logiclist.utils; public enum TodoResult { SUCCESS(1, "Todo Upload Success"), FAIL(0, "Todo Upload Fail (Exception)"), FAIL_NULL(-1, "Todo Upload Fail (Todo is null)"), FAIL_EXIST(-2, "Todo Already Exist"); private int code; private String message; Tod.. 더보기 [LogicList]TodoList 프론트 기능 기능설명 TodoList 생성버튼 클릭 시 Script Event 일부 return 값 별 분기가 필요하여 async 함수 사용 document.getElementById("todolist__input__button").addEventListener("click", addTodoList); 입력버튼 클릭 시 todoList__body__list Element 내부에 todoList__body__list__content를 생성하여 삽입 async function addTodoList(){ var todoList = document.getElementById("todoList__body__list"); var todoContent = document.createElement("span"); // 실제 텍스트.. 더보기 [Spring]인텔리제이 환경 Devtools 미작동 시 확인사항 적용사항 build.gradle내 관련 소스 추가 compileOnly("org.springframework.boot:spring-boot-devtools") 해당 옵션 체크 Windows 기준 File - Settings Windows 기준 File-Settings 해당옵션 체크 Application.properties 내 해당옵션 추가 spring.devtools.livereload.enabled=true spring.freemarker.cache=false spring.thymeleaf.cache=false 이슈사항 3가지 진행 후 정적 리소스파일(html) reload 진행이 안됨. 해결 방법 기존 Lombok 라이브러리 사용과 build.gradle 내 해당 소스가 삽입되어 있으면 devtool.. 더보기 [LogicList] Toast Ui Editor & SpringBoot AWS S3 업데이트[0] Spring Boot에서 AWS S3업데이트 Toast Ui Editor addImageBlobHook 이벤트를 이용한 수정된 이미지 주소 또는 삭제된 이미지 주소 필터링 필요 백엔드 관련 소스는 추후 게시글 발행예정입니다. 해결 방법 게시글 등록 페이지(edit.html)내부에서 변경이미지 확인을 위한 imageArray 변수 선언 게시글 수정 페이지(update.hmtl)내부에서 변경이미지 확인 및 기존이미지 확인을 위한 imageArray 변수 선언 게시글 등록 multipartFiles 데이터를 Image URL로 변환후 imageArr 배열에 추가 let imageArr =[]; // AWS S3 이미지 리턴 변수 //Image Upload editor.addHook('addImageBlobHo.. 더보기 [LogicList] SpringBoot AWS S3 저장 Spring Boot에서 AWS S3저장 MultipartFile 또는 File 방식으로 이미지 전달받음 AWS S3 퍼블릭 버킷을 생성하여 전달 AWS S3 관련 계정 정보는 소스 코드 외 관리 MultipartFile 또는 File 방식으로 이미지 전달받음 S3UploaderController package swlee.logiclist.controller; import com.google.gson.Gson; import com.google.gson.JsonObject; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import o.. 더보기 [LogicList]Toast Ui Editor 이미지 URL 삽입방법과 문제점 Toast UI Editor를 통한 게시글 편집 및 이미지 업로드 사용 간 문제점 이미지 업로드 시 기존 Base64방식 DB저장이 아닌 이미지 URL 변환 후 저장 필요 이미지 URL 변환 후 본문 삽입 필요 이미지 업로드 시 기존 Base64방식 DB저장이 아닌 이미지 URL 변환 후 저장 필요 && 이미지 URL 변환 후 본문 삽입 AWS S3 사용 (다른 게시글에서 사용 법 작성예정) //Image Upload editor.addHook('addImageBlobHook', (blob, callback) => { const formData = new FormData(); formData.append("data", blob); fetch(location.origin.toString()+"/image-.. 더보기 [LogicList]Init[0] 로직리스트(투드리스트) 프로젝트 설명 정리되지 않은(쓰레기 코드) 들을 검색하기 위한 로직리스트 블로그 개발 당일 TodoList 확인을 할 수 있는 서비스 개발 전날 TodoList DataBase저장 가입불가 나만 쓸거임== 개발환경 언어 : Java (Spring Boot Framework) JDK 17 Spring Security Spring Web lombok 패스워드 암호화 - JBcypt 게시글 에디터 - Toast UI Editor 빌드 - Gradle DataBase - H2(개발환경), Postgresql(배포환경) DB Schema ( LogicList DB_SChema 서버 - AWS EC2 이미지 리소스 저장 - AWS S3 ERD - dbdiagram A Free Database.. 더보기 이전 1 2 3 4 5 다음
