게시판 페이지 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..
게시판 페이지 CKEditor 추가
·
팀 프로젝트/Web
이번 팀프로젝트중 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를 사용하기 위해 생성한 클래스 및 필..
Cannot read properties of null 오류 forEach 요소 찾기 오류
·
팀 프로젝트/오류 코드 작성
발생한 오류 Cannot read properties of null 이번 프로젝트를 하면서 MVC 파트별 코드를 작성하고기능별로 취합하여 오류가 발생한 부분을 수정하는 작업하는 도중 발생한 오류다. 해당 오류가 어디서 발생했는지 확인해봤다.// 각 댓글(comment-item)에 대해 반복 작업을 수행합니다. comments.forEach(comment => { // 현재 댓글의 편집 버튼(.edit-comment)을 선택하여 editButton 변수에 저장 const editButton = comment.querySelector('#edit-comment'); // 현재 댓글의 편집 입력란(.comment-edit)을 선택하여 comme..
2024-09-06 암벽장 메인 페이지, 상세페이지 한글코딩
·
팀 프로젝트/Web
GymMainPage 기능 코드 (암벽장 메인 페이지 이동)public class GymMainPageAction implements Action { @Override public ActionForward execute(HttpServletRequest request, HttpServletResponse response) { String path = "GymMainPage.jsp"; // view에서 알려줄 예정 boolean flag_Redirect = false; // 값을 전달해야하게 때문에 forward 방식으로 전달해야한다. //TODO 페이지 네이션을 위해 암벽장 전체 개수를 요청 selectOne //TODO 페이지 네이션을 위한 페이지 개수를 구하는 로직을 구현 //..
2024-09-06 RankPage 코드 작성
·
팀 프로젝트/Web
이번 팀 프로젝트에서 마이페이지 / 유저 관련 기능 및 페이지 / 랭킹 / 암벽장 을 맡아 진행하고 있습니다.09월 06일에 작성한 RankPage의 코드입니다. CrewRankingPage 기능 코드public class CrewRankingPageAction implements Action { @Override public ActionForward execute(HttpServletRequest request, HttpServletResponse response) { String path = "CrewRankingPage.jsp"; // view에서 알려줄 예정 boolean flag_Redirect = false; // 값을 전달해야하게 때문에 forward 방식으로 전달해야한다. //크루 랭..
중간 프로젝트 Controller 2024년 09월 04일 설계 내용
·
팀 프로젝트/Web
1. 각 페이지별 필요 기능 Action 명 정의Project name설계일자Action설명Controller.main2024-09-04MainPage메인 페이지 이동Controller.gym2024-09-04GymMainPage암벽장 메인 페이지 이동Controller.gym2024-09-04GymInformationPage암벽장 상세 페이지 이동Controller.gym2024-09-04CrewBattleApplication크루전 신청Controller.gym2024-09-04GymReservation암벽장 예약Controller.gym(asycnServlet)2024-09-04GymFavorite암벽장 좋아요(비동기)Controller.store2024-09-04StorePage상점 페이지 이동 2..
개발자가 되고 싶은 곰