팀 프로젝트로 아트마켓이라는 플랫폼을 제작했다. 아트마켓은 아트가 필요한 고객과 아티스트의 중계 사이트로 팀원들과 프로젝트를 기획하고 어떤 기술들을 사용할지에 대해 정하며, 이전 부터 구현해보고 싶었던 채팅 기능을 추가 하였다. 해당 플랫폼은 가격을 구매자와 판매자가 함께 견적을 내고 합의하에 구매까지 가능하다. 때문에 서로 어떻게 연락을 주고 받는지가 중요한데, 게시판 대신 채팅으로 서로 견적 문의를 할 수 있고 이후 작품을 작업하면서, 작업에 필요한 파일과 컨펌, 완성된 작업물 전달을 까지 가능 할 수 있도록 제작 하였다. 1. 채팅 기능 분석 1-1. 기본기능 유저는 여러 작가와 대화할 수 있다. ( 여러 대화방 있다. ) 하나의 대화방에는 여러 ‘문자’들이 오고갈 수 있다. 하나의 대화방에서는 상..

무료 에디터 사용하기 네이버 구글 등 api가 존재하지만 간편하고 깔끔하게 사용하기 좋은 것 같아서 summernote를 선택했습니다. Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org 1. 필요 파일 설치 경로 : hompage > 'get started > 'download compiled' 사용가능한 소스들이 모두 들어있는데 그 중에서 자신의 프로젝트에 맞는 파일들을 선택해서 넣어주면 됩니다. 부트스트랩과 함께 사용할 수도 있지만 저는..

1. AWS 가입 및 가상 클라우드 서버 대여 1-1. AWS 가입 AWS 사이트 가입 결제 수단 등록 헤더 우측상단 지역 선택 (서울) [무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어 Q: AWS 프리 티어란 무엇입니까? AWS 프리 티어는 고객에게 서비스별로 지정된 한도 내에서 무료로 AWS 서비스를 살펴보고 사용해 볼 수 있는 기능을 제공합니다. 프리 티어는 12개월 프리 티어, 상 aws.amazon.com](https://aws.amazon.com/ko/free/?trk=fa2d6ba3-df80-4d24-a453-bf30ad163af9&sc_channel=ps&ef_id=Cj0KCQjw84anBhCtARIsAISI-xfd6bmwhTcpE8XpQN2g-e0au-WR-BTLNUQ2bHozni2t..

JSON으로 전달 받은 String 값 List로 변경 여행 리스트를 작성하던 중 작성 한 순서를 변경하고 싶을때, 쉽게 변경 가능하도록 드레그 하여 리스트 순서를 변경할 수 있는 기능을 추가하였습니다. 프론트에서는 드레그를 통해 ui 와 인덱스 번호가 변경될 수 있도록 jquery ui 라이브러리를 사용했습니다. 그리고 실제 데이터베이스의 리스트 순서값을 변경 하기 위해서 리스트 안에 각 객체의 고유 번호와 변경된 순서 값을 ajax를 통해 컨트롤러로 전달했습니다. Sortable | jQuery UI Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click..

새로고침 시 데이터 중복 저장 막기, 컨트롤러 구분 1. 문제점 확인 화면 단 작업 중 디자인이랑 페이지 동작을 확인하느라 새로고침을 여러번 하게 되었는데, 이때 원하지 않는 저장이 계속해서 발생하는 문제점을 확인하게 되었습니다. 실재 데이터 테이블을 확인해보면 이전 페이지에서 저장했던 내용이 중복으로 저장 되어 있는 것을 확인할수 있습니다. 2. 원인 확인 재 로딩 시 맵핑된 주소로 다시 POST 를 통해 접속하면서 저장로직이 한번 더 진행되는 것이었습니다. 📑TravelController.java @Transactional @PostMapping("/category") public String categorySave(@ModelAttribute("category") CategoryDTO categor..