1. CKEditor 사용 준비하기CKEditor CDN 설정 및 import 설정 CKEditorConfig.js 만들기import { AccessibilityHelp, Autoformat, AutoImage, Autosave, BlockQuote, Bold, CloudServices, Essentials, Heading, ImageBlock, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, Paragraph, SelectAll, Si..

이번 중간프로젝트에서 CKEditor 를 연동하지 않았지만추후 추가할 수 있기 때문에 공부해본다. 우선 아래에 CKEditor공식 사이트에서 지원하는 CDN을 추가해줍시다https://ckeditor.com/ckeditor-5/download/#cdn CKEditor 5 - Download Latest VersionDownload a ready-to-use CKEditor 5 Build. Install, download or serve a ready-to-use rich text editor of your choice.ckeditor.com   CDN이 추가되었다면 Script 태그에 type 속성 Importmap을 활용하여변수 이름을 지정하고 CDN 파일의 URL을 매칭 시켜줍니다. URL 매칭이 완..

발생한 오류 Cannot read properties of null 이번 프로젝트를 하면서 MVC 파트별 코드를 작성하고기능별로 취합하여 오류가 발생한 부분을 수정하는 작업하는 도중 발생한 오류다. 해당 오류가 어디서 발생했는지 확인해봤다.// 각 댓글(comment-item)에 대해 반복 작업을 수행합니다. comments.forEach(comment => { // 현재 댓글의 편집 버튼(.edit-comment)을 선택하여 editButton 변수에 저장 const editButton = comment.querySelector('#edit-comment'); // 현재 댓글의 편집 입력란(.comment-edit)을 선택하여 comme..

package craw;import java.time.Duration;import java.util.ArrayList;import java.util.Set;import org.openqa.selenium.By;import org.openqa.selenium.Keys;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.chrome.ChromeDriver;import org.openqa.selenium.chrome.ChromeOptions;import org.openqa.selenium.support.ui.ExpectedConditions;import org.openqa.sele..

이번 프로젝트를 하면서 이미지 폴더를 내 PC에 저장하는 방법을 사용하고 있다.허나 프로젝트를 공유할때 종종 주소 값이 다른 문제가 발생한다. 해당 문제의 발생을 줄이기 위해 java 에서 특정 주소에 폴더를 생성하는 코드를 작성하였다. 1. 내가 생성할 폴더명 지정 String[] folders = {"grade_folder","crew_img_folder","profile_img"}; //등급 이미지 폴더 , 크루 이미지 폴더 , 사용자 프로필 폴더 우선 String[] 문자열 배열로 생성할 폴더 이름을 저장해줍니다. 2. 서버 주소 불러오기String folder_path = sce.getServletContext().getRealPath("/"+data+"/"); getServletConte..

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 페이지 네이션을 위한 페이지 개수를 구하는 로직을 구현 //..

이번 팀 프로젝트에서 마이페이지 / 유저 관련 기능 및 페이지 / 랭킹 / 암벽장 을 맡아 진행하고 있습니다.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 방식으로 전달해야한다. //크루 랭..

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