JSP SPRING16 SPRING 팀 플젝 : 게시판에 summernote 에디터 적용하기 1. 내용 게시판 글쓰기를 할 때 에디터로 summernote를 활용하였다. 확실히 textarea만 있는 것보다 좋아보인다. 그리고 글씨체, 크기, 두껍게나 밑줄 수정, 테이블 생성 등도 편리하다 2. 과정 중 특이점 써머노트, ckeditor 중에서 고민했는데 앞반에서 ckeditor를 많이 사용했다는 얘기를 들었고 써머노트 디자인이 더 마음에 들어서 선택하였다. 실제 구현은 내가 아니라 우리팀 팀원이 했음! 3. 사전 준비 Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors o.. 2023. 1. 30. SPRING 팀 플젝 : 에러 페이지 만들기 1. 내용 : 프로젝트를 발표할 때 심리적 안정을 줄 수 있는 방법이 있다. 바로 에러페이지를 만드는 것이다. 만드는 방법도 간단하고 발표하다 예기치 못하게 오류가 나는 경우 에러페이지를 보여주기 위해서였다며 너스레도 떨 수 있다. (물론 학원에서 하는 프로젝트이기에 가능한 이야기임) 그리고 실제 웹페이지를 만들 때에도 에러페이지는 중요하다. 에러가 발생하였을 때 "원하시는 페이지를찾을 수가 없습니다." 등의 안내와 함께 사용자가 어떤 행동을 해야 하는지를 제시해줄 수 있기 때문이다. 그렇다면 에러페이지를 지금부터 만들어보자! 2. 경로 / 코드 및 화면 위의 경로를 참고하여 web.xml을 켠 후 아래의 코드를 추가한다. 그리고 코드에 적힌 경로에 맞춰 error 폴더와 함께 error404.jsp와 .. 2023. 1. 29. SPRING 팀 플젝 : 쇼핑몰 고객센터 FAQ 1. 내용 쇼핑몰 고객들이 많이 물을만한 질문들을 모아 만든 FAQ로 회원정보, 구매 안내, 교환/반품이라는 3개의 대주제 밑으로 "아이디/비밀번호를 변경하고 싶어요" 등의 질문들을 아코디언에 넣고 고객이 클릭하면 채팅처럼 질문과 답변이 뜨도록 만들었다. 2. 과정 중 특이점 고객이 질문을 쓰면 텍스트 분석 후 그에 맞는 답변을 하는 챗봇을 구상했는데 챗봇에 할만한 질문들은 뻔하고 그 외의 질문들은 채팅을 이용하는 편이 나은 것 같아 수정하고 윗 부분에 채팅상담 버튼을 넣었다. 채팅 상담은 채팅 API인 https://tawk.to를 활용하였다. 3. 코드 및 화면 1) top.jsp 고객센터 버튼을 누르면 새 창에 초코룩 고객센터 화면이 뜨게 했다. option으로 크기를 고정하였다. 2) 고객센터 화.. 2023. 1. 27. SPRING 팀 플젝 : @valid를 이용한 회원 가입 유효성 1. 내용: 회원가입 화면, 1차에서는 기본 정보를 2차에서는 제품 추천을 위해 나이와 키, 몸무게, 체형 등을 입력 받는다. 입력 데이터의 유효성을 검사하기 위해 Validation을 적용하였다. 2. 과정 중 특이점: @valid 어노테이션을 사용하여 값이 없거나 특정 조건에 맞지 않으면 다음 단계로 넘어갈 수 없도록 만들었다. 프론트엔드에서도 검증은 할 수 있지만 악의적인 사용자를 막기 위해서는 백엔드에서 검증을 하는 것이 더 확실하다. 거기다 VO나 DTO가 있다면 @vailid를 사용하면 편하게 검증할 수 있다! 3. 실제 화면 및 코드 1) VO : 내가 사용한 @valid는 아래와 같다. @NotBlank : null이 아니며 길이가 0보다 크면 통과 → 필수값에 적용 @Max(value=).. 2023. 1. 11. SPRING 팀 플젝 : 오라클로 쇼핑몰 DB 설계하기(ERD) 1. 내용 : 프로젝트를 진행할 때 정말 중요한 DB 설계 하기! 오라클을 이용해서 DB를 설계했고 mybatis를 사용해서 SPING 프로젝트와 연결했다. ERD도 오라클 프로그램 내에서 제공하는 툴로 만들었다. 2. 과정 중 특이점 : 지난번 개인 프로젝트를 진행할 때 테이블 하나를 뒤집어 엎으면서 처음 DB 구조를 잘 짜는게 중요하단걸 많이 느꼈기 때문에 우리 팀이 생각한 쇼핑몰 프로젝트를 진행하기 위해서는 어떤 테이블이 필요하고 각각의 컬럼은 뭐가 필요할지 먼저 팀원들과 회의를 하면서 손으로 전체 구조를 짠 후 설계했다. 3. 실제 수행 1) 테이블 스페이스와 유저 생성, 권한 부여 MYTS라는 테이블 스페이스를 새롭게 생성하고 유저도 새로 만들었다. 그리고 유저에게 모든 권한을 주었다. --테이.. 2023. 1. 11. 이전 1 2 3 4 다음
