코드의 오아시스

더보기 기능 예시 더보기의 기능은 주위에 엄청 많습니다. 구글에 검색하여 아래로 스크롤하며 게시글 목록 더보기 알림 더보기 게시글 더보기 아프리카TV의 방송 더보기 등 등 사용하는 곳은 엄청 많습니다. 이미지 예시1) 이미지 예시2) 어떻게 보면 페이징하고 다를게 없는데? 라고 생각할 수 있지만 그것도 맞는 말입니다. 그래서 이번에 생각할 것은 실시간으로 바뀌는 더보기 기능입니다. 나의 문제 상황 나는 실시간 알림 기능을 구현하고 있었다. 알림을 클릭하면 알림 목록이 나오는데 사용자가 알림을 삭제 할 수도 있고 알림을 실시간으로 받아졌다. 알림을 수신받고 마지막 목록을 안보이게 처리하는 여기까지는 문제가 없다.. 알림3을 그냥 DOM에서 제거해주면 화면에선 노출되지 않게 되며 더보기 해도 알림3부터 데이..

그리드간 형태  드래그 기능 예시 Sort 5를 Sort 2로 드래그를 하여 Sort 1과 Sort 2사이에 삽입이 되었다.그래서  Sort 2이후의 순번들은 하나씩 밀리게 된다.     나의 문제 상황 나는 이 그리드간 드래그 앤 드랍기능을 구현하면서 성능을 하나도 고려하지 않고 그냥 기능 구현에 급급했다.구현은 되었고 코드 리뷰와 테스트를 할 때 몇가지의 문제 상황을 발견하였다.  드래그를 하여 순번이 바뀌면 전체의 순번을 재정렬을 하는 코드로 구현하였다.중간에 삭제를 하면 전체의 순번을 재정렬하는 코드로 구현하였다.JPA를 사용하여 저장을 하였는데 전체의 순번을 재정렬하는데 반복문을 돌리면서 커넥션을 막 찌르고 있었다. 지금 생각해보면 진짜 개발도 못 하였고 개발자가 아닌 공부하는 것처럼, 학생처럼..