전체 글49 FullCalendar 와 DB 연동하기 -5 (조회, 수정, 삭제 Controller & Service) 처음 FullCalendar 구현할 때는 확확 다이나믹하게 바뀌어서 만드는 재미가 있었는데 점점 세부적인 부분으로 들어가다보니 재미가 없어지는 중...이지만 구현을 해보자!.. 저번 포스팅에서는 생성 기능만 작성했는데 이번에는 조회, 수정, 삭제에 대해 작성해보고자 한다. 문제점 우선 조회의 경우, 생성 로직을 만들다보니 아예 작동이 안됐었다. data 를 넘기는 부분에는 문제가 없었으므로 Controller를 수정함으로써 간단하게 해결! 수정 & 삭제는 둘 다 Controller 코드가 엉망이였다. 이를 처음부터 다시 뜯어고치고, Service, Repository 부분을 추가 & 수정했다. (우선 구현한 부분을 자랑) HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17.. 2022. 3. 2. FullCalendar 와 DB 연동하기 -4 (생성 Controller & Service) 지금까지 말그대로 기능만 동작하도록 설정만 해놓았고, 데이터를 집어넣거나 빼거나 하면 무수한 오류 로그가 찍히고 있었다. 특히 생성 쪽은 for 문이 잘못 설정돼서 첫 이벤트는 괜찮으나 두번째 이벤트를 넣는 순간부터는 배열에 저장된 모든 데이터를 가지고 또 다시 저장했기에 데이터가 1+n 방식으로 저장되고 있었다. 또한 , 기존의 USER 테이블에서 조회를 해야하는데 오히려 생성이 마구마구 되는 등 다양한 문제점이 존재했고 수정이 필요했다. 수정하고자 한 부분은 다음과 같다. 문제점 현재 생성되는 이벤트 목록을 계속해서 전체 배열로 가지고 와서 중복된 데이터가 자꾸 DB에 쌓이게 된다. -> 배열에 event 를 생성할 때 , 해당 이벤트를 하나씩 가져오는 식으로 변경해보자! USER 테이블에 원치 않는.. 2022. 2. 25. FullCalendar 와 DB 연동하기 -3 (이벤트 수정 & 삭제) FullCalendar 를 이용한 단순 기능 구현은 이번 챕터가 마지막일 것 같다!.. 조회 , 생성을 해보니 어느정도 감이 잡혀서 수정과 삭제는 그리 오랜 시간이 걸리지는 않았다. 문제는 Controller 로직일뿐!.. 제대로 된 로직이 아니라서 좀 엉망이지만 이번에도 단순히 수정 , 삭제 시에 데이터를 넘기고 DB 에 확인되는지만 확인했다. 이번 포스팅이 끝나면 이제 본격적으로 Controller 와 Query 작성을 하면 될 것 같다. HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51.. 2022. 2. 24. FullCalendar 와 DB 연동하기 -2 (이벤트 생성) FullCalendar 를 이용해서 스케줄 수정(생성) 을 하기 위해 다양한 자료를 찾아보았다. 기존의 FullCalendar 는 좌측의 메뉴에서 Drag&Drop 방식으로 이벤트를 생성하는 것이였는데 실용적인가 싶기도 하고 , 해당 방법으로는 적용이 잘 되지 않아 날짜를 선택해서 이벤트를 생성하는 방식으로 바꾸었다. 오픈소스 라이브러리를 완전히 뜯어봐야 했고 JS 와 ajax 문법에도 무지해서 생각보다 시간이 더 오래걸리고 많이 헤맸다. HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 5.. 2022. 2. 22. FullCalendar 와 DB 연동하기 -1 (조회) feat.(json & ajax) Full Calendar 란 ? 자바스크립트 기반의 오픈소스 라이브러리로 , 달력 , 스케줄러 등을 손쉽게 구현할 수 있도록 도와주는 라이브러리이다. https://fullcalendar.io/ FullCalendar - JavaScript Event Calendar Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more fullcalendar.io 공식 Docs 사이트. 생각보다 알기 쉽게 자세히 작성해놓았기에 참고하면 될 듯 싶다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1.. 2022. 2. 19. TroubleShooting - 1 (@Transactional) 문제 발생 org.hibernate.LazyInitializationException: failed to lazily initialize a collection of role: sketcher.scheduling.domain.User.managerHopeTimes, could not initialize proxy - no Session at org.hibernate.collection.internal.AbstractPersistentCollection.throwLazyInitializationException(AbstractPersistentCollection.java:606) at org.hibernate.collection.internal.AbstractPersistentCollection.withT.. 2022. 1. 31. 이전 1 2 3 4 5 6 ··· 9 다음
