이번 팀프로젝트에 대한 링크 정리입니다. 1. 팀프로젝트 Git 주소https://github.com/yn-j-98/2024record/tree/main/COMA_PROJECT_CONTROLLER 2024record/COMA_PROJECT_CONTROLLER at main · yn-j-98/2024record2024년 기록. Contribute to yn-j-98/2024record development by creating an account on GitHub.github.com 2. 프로젝트 공유한 노션https://www.notion.so/Code-Mountain-1-111321e6d03080f9aa9dc06cc1091fb2?pvs=4 - 클라이밍 커뮤니티 (★: 구현한 것) (★★ : (중프)맡은..

이번주 금요일(2024-09-24) 기능 설명을 위한 PPT를 작업한 내용이다.기업 실무자분들도 몇분 오신다고 하시는데....겉으로는 긴장안한척 진짜 어찌보면 정신이 나갈 것 같다.... 하지만 열심히 준비한 만큼 열심히 해보자 설명할 기능으로는 CKEditor를 준비했다.글 작성 로직 / 글 수정 로직의 경우는 따로 설명하지 않고 넘어갈 예정이다.중점적으로 할 설명은 View CKEditor에서 이미지를 보내면Controller가 데이터를 어떻게 정제하고 이미지를 어떻게 저장 하는지에 대해 설명할 예정이다. 아래는 내가 작성한 PPT 이다.   작성했지만 팀원들과 맞추고 디자인을 맞추다 보면 조금 수정될 수 있다.

비로그인 사용자 관련 로직  로그인 사용자 관련 로직  전체 코드 작성을 완료하고 다시한번 팀프로젝트로만든 웹 사이트에 순서 흐름 로직을 작성하고 올려봅니다. 이후에는 내가 작성할때 좀 어렵웠고 중점적으로 다루었으면 하는 부분에 대해서로직을 작성해보겠습니다.

이전 포스팅에서 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..

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..

이전에 작성한 클래스들을 활용하여 사용자가 글을 작성하면 폴더를 생성하고생성된 폴더에 이미지를 저장하는 코드를 작성해보겠습니다. 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..

이번 팀프로젝트중 CKEditor를 추가해보았습니다. 기본 설정은 이전에 작성한 포스팅을 참고 부탁드립니다.https://nam-00.tistory.com/60 CKEditor5 사용해보기 11. CKEditor 사용 준비하기CKEditor CDN 설정 및 import 설정 CKEditorConfig.js 만들기import { AccessibilityHelp, Autoformat, AutoImage, Autosave, BlockQuote, Bold, CloudServices, Essentials, Heading, ImageBlock, ImageInline, ImageInsert, ImageInam-00.tistory.com Controller Code(CKEditor를 사용하기 위해 생성한 클래스 및 필..

2. CKEditor 이미지를 서버에 저장하고 해당 내용을 출력해보기CKEditor_insert.jsp 글 작성  CKEditor.js이전 포스팅에서 import 한 Cktest와 editorConfig 를 js 파일에서 사용하기 위해 추가해주고 사용합니다.//editorConfig.js에서 CKEditor 설정 정보 불러오기import { editorConfig } from 'editorConfig';import { ClassicEditor } from 'CKtest';//CKEditor 생성console.log('CKEditor 생성');//CKEditor 생성하기위한 위치를 설정해줍니다.//editorConfig = 이전 포스팅에서 설정한 CKEditor의 설정입니다.ClassicEditor..