[Spring] CKEditor API 흐름 정리
·
팀 프로젝트/Web
이번 프로젝트에서 Jsp 프로젝트를 Spring으로 이관하는 과정에서 비동기 Servlet으로 사용한CKEditor API를 POJO 형식인 일반 Java 로 변환 하여 흐름을 다시 정리 하려고 합니다. HttpServletRequest 내장 객체인 getPart로 받아오는 것이 아닌Spring에서 지원하는 MultipartFile 을 사용하려고 합니다. 전체 흐름Was(Web Application Server) 설정 및 실행 흐름게시글 등록 페이지 이동 및 CKEditor API 호출CKEditor 이미지 업로드게시글 등록  1.  Was(Web Application Server) 설정 및 실행 흐름프로젝트 Was 는 톰캣을 선정했습니다.이때 Multipart 를 사용할때 form-data 규칙을 완화..
[Spring] 트랜잭션 정리
·
팀 프로젝트/Web
SQL Transaction 정리Spring Transaction1. SQL Transaction 정리트랜잭션은 하나 작업 단위 구성에 하나 이상의 데이터베이스 작업을 말한다. -> 데이터의 일관성과 무결성을 보장하는 기법이다. ACID 속성을 가지고 있습니다.Atomicity (원자성) : 트랜잭션의 모든 작업들이 수행되거나 모두 수행되지 않아야한다.Consistenct (일관성) : 트랜잭션이 완료된 후 데이터베이스는 일관성 상태를 유지한다Isolation (고립성) : 동시에 수행되는 트랜잭션들이 서로 간섭하지 않아야 한다.Durabillity (지속성) : 트랜잭션이 완료된 후 어떤 시스템 오류가 발생하더라도 결과가 지속적으로 반영되어야 한다.SQL에서 Transaction 활용더보기트랜잭션 시작..
최종 프로젝트 와이어 프레임
·
팀 프로젝트/Web
이번 최종 프로젝트에서 Spring 기반 MVC 패턴중 VIEW 파트를 맞게 되어 와이어 프레임을 제작했습니다. 제작 프레임관리자 Main회원 정보 관리 미제작 프레임크루전 관리 만들다 보니 대시보드....엑셀 같은 느낌이 너무 든다...ㅎㅎ 이후 크루전 관리 페이지를 제작해 보도록 하겠습니다... 관리자 Main  회원 정보 관리
코마-중간 프로젝트 발표 영상
·
팀 프로젝트/Web
이번 발표영상을 올려보려합니다.팀원들에게 허락을 맡고 올립니다! https://youtu.be/4nNjYgoovEw - YouTube www.youtube.com 다음 최종 프로젝트까지 발표 연습도 좀하고...Spring 공부 열심히해서 열심히 해봐야겠습니다.
팀 프로젝트 전체 로직
·
팀 프로젝트/Web
비로그인 사용자 관련 로직  로그인 사용자 관련 로직  전체 코드 작성을 완료하고 다시한번 팀프로젝트로만든 웹 사이트에 순서 흐름 로직을 작성하고 올려봅니다. 이후에는 내가 작성할때 좀 어렵웠고 중점적으로 다루었으면 하는 부분에 대해서로직을 작성해보겠습니다.
게시판 페이지 CKEditor 글 수정 파트 (Controller)
·
팀 프로젝트/Web
이전 포스팅에서 VIEW에서 CKEditor에 글 내용을 담는 방법을 소개했습니다.이번 포스팅에서는 Controller에서 수행한 기능에 대해 설명해보겠습니다. 코드BoardUpdatePageAction.javapackage controller.community;import java.util.HashMap;import java.util.Map;import controller.common.Action;import controller.common.ActionForward;import controller.function.LoginCheck;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;i..
게시판 페이지 CKEditor 글 수정 파트 (JavaScript, jsp)
·
팀 프로젝트/Web
DB에서 받아온 데이터를 DKEditor에 추가하고이미지가 변경되거나 추가된다면 원래 있던 이미지 폴더에 이미지를 수정하는 코드를 작성했습니다.우선 Javascript 와 jsp 파일을 확인해 봅시다. 코드CKEditor_read.jsCKEditor를 불러오기 위해 자바스크립트 파일을 작성해 줍니다.//editorConfig.js에서 CKEditor 설정 정보 불러오기import { editorConfig, setContentsLength, setTextLength, setImgLength } from 'editorConfig';import { ClassicEditor } from 'CKEditor';//CKEditor 생성console.log('CKEditor 생성');ClassicEditor.crea..
게시판 페이지 CKEditor 글 작성 파트
·
팀 프로젝트/Web
이전에 작성한 클래스들을 활용하여 사용자가 글을 작성하면 폴더를 생성하고생성된 폴더에 이미지를 저장하는 코드를 작성해보겠습니다. BoardInsertAction.javapackage controller.community;import java.io.UnsupportedEncodingException;import java.util.HashMap;import java.util.Map;import controller.common.Action;import controller.common.ActionForward;import controller.function.CKEditorDeleteFile;import controller.function.LoginCheck;import jakarta.servlet.http.Ht..
개발자가 되고 싶은 곰