본문 바로가기

분류 전체보기

 (332)
[Spring Boot] JPA + Pageable 을 이용한 페이징 처리 안녕하세요. 남산돈가스 입니다. 오늘은 Spring Boot JPA를 이용하여 API 개발 시 간단하게 Pagination 와 Sorting을 처리할 수 있도록 도와주는 Pageable에 대해서 알아보려고 합니다. 웹 개발 시 Pagination 과 Sorting은 필수적이라 할 수 있지만, 실제 개별적으로 구현 시 번거로운 작업이 생기기 마련입니다. 또한 각 데이터베이스마다 페이징 쿼리가 다를 수 있다는 점에서 모든 요구조건을 만족하기 어려운 부분들이 존재하기 마련입니다. Spring Data JPA와 Pageable을 이용하면 이런 문제들을 아주 쉽게 해결할 수 있어 비즈니스 로직에 집중할 수 있게 도와줍니다. 우선 Pageable을 사용하여 얻을 수 있는 이점은 대표적으로 두 가지 입니다. 요건에 ..
[NCP] Sub Account 계정 생성 및 관리 안녕하세요 남산도서관 입니다. 퍼블릭 클라우드 서비스 관리를 위한 Web Console 서비스의 메인 계정이 해킹되는 경우 운영 중인 서비스에 발생되는 문제가 함께 악의적인 인스턴스 대량 생성을 통한 요금폭탄을 마주하실 수도 있습니다. 클라우드 서비스 제공 사업자들은 이러한 피해를 최소화 하기 위하여 다양한 보안 서비스를 제공하고 있는데요 이번 포스팅에서는 그중에서도 Naver Cloud Platform 에서 적용 가능한 Sub Account 생성 기능에 대해 알아보도록 하겠습니다. 우선 Ncloud 콘솔에 메인 계정으로 로그인은 진행합니다. 1. 접속페이지 URL 설정 좌측 Product & Service 메뉴를 선택한 후 Management > Sub Account 항목을 선택하면 Dashboard ..
[Angular] 저장되지 않은 파일이 있는데 뒤로 가기를 누른 경우 경고 알럿 띄우기 안녕하세요. 명동섞어찌개 입니다. 오늘은 Angular 페이지에서 문서 (form) 작성 중 또는 무언가를 등록하다가, 저장하지 않고 브라우저 뒤로가기 버튼을 눌렀을 때 '저장하지 않은 파일이 있습니다. 페이지를 나가시겠습니까?'라고 묻는 알럿 띄우는 기능을 만들려고 합니다. 일반적으로 이런 기능은 javascript 에서는 popstate 이벤트 리스너를 사용해서 구현합니다. (모바일에서도 사용한 기억이 있습니다.) 1 2 3window.addEventListener('popstate', (event) => { console.log("location: " + document.location + ", state: " + JSON.stringify(event.state)); }); 하지만 Angular 에..
[Angular] File Upload > Drag and Drop 만들기 안녕하세요. 명동섞어찌개입니다. 오늘은 Angular 를 이용한 파일 업로드 기능 개발 시 편리한 사용성을 위해 Drag and Drop 드래그 앤 드랍 기능을 추가하는 방법을 알아볼건데요, vanila javascript (순수 자바스크립트) 로 개발하면 익스플로러와 크롬 브라우저 등 브라우저 별 예외처리가 필요해서 시간이 꽤 걸리는 일이지만 (개인적으로 0 부터 시작해서 개발했을 때 다른 업무 처리하면서 일주일 정도 걸렸습니다..) Angular 는 directive 를 사용해서 간편하게 개발할 수 있더라구요. Angular Version: 8 결과화면 1. 먼저 drag-and-drop directive 를 만듭니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ..
[Angular] HttpInterceptor를 사용하여 Token 만료 검증하기 안녕하세요. 남산돈가스입니다. 이번 포스팅에서는 Angular 프로젝트 환경에서 API를 요청하실 경우, 가장 보편적으로 사용하시는 HttpClientModule에서 Http 요청을 가로채 특정 처리를 할 수 있도록 도와주는 HttpInterceptor 인터페이스에 대해서 작성해보겠습니다. 우선 HttpInterceptor는 Angular 4.3부터 추가 된 기능으로, 위에서 말한 것처럼, HttpClientModule을 이용한 API 호출 시 그 중간의 요청을 가로채어 특정 처리를 진행할 경우에 사용합니다. 저희 팀에서 Angular를 진행하는 프로젝트에서는 이 Interceptor를 API 호출 시 OAuth Token을 만료인지 유효한 지 검증하기 위한 용도로 사용되고 있습니다. 이번 포스팅에서 예..
[AWS고객사례] IBK기업은행 사내벤처 EXA AWS 클라우드 컨설팅 사례 - IBK기업은행 EXA IBK 기업은행은 성장 커뮤니티인 ‘사내벤처 EXA’ 서비스 운영을 위한 모바일 어플리케이션 및 콘텐츠 관리시스템 (CMS)을 최대한 빠른 시간 안에 구축 하기를 희망하였습니다. [도입과제]- 신속한 서비스 출시를 위한 인프라 도입 기간 및 개발기간 단축 - 사용자 증가시에 유연하게 대응가능한 안정적인 인프라 구축 - 도서정보 검색을 위한 외부 서비스 연동 필요 - 콘텐츠 관리를 위한 CMS 사이스 구성 필요 - 체계적인 인프라 모니터링 환경 필요 - 전문성을 보유한 인프라 운영인력 부재 [솔루션]- AWS 클라우드 도입을 통한 신속한 인프라 구축 및 IBK시스템 개발인력 지원 - 자동확장을 고려한 AutoScaling 서비스 도입 - 외부 데이터 연..
블로그 마케팅: 새롭게 다시 시작합시다! 안녕하세요. 명동교자입니다. 그 동안 IBK기업은행의 중소기업 경영지원 플랫폼 BOX를 런칭하고 BOX 운영 안정화, 신입사원 면접, 주택금융공사 2단계 프로젝트 비대면 채널 팀빌딩을 지원하고 플랫폼사업팀을 새롭게 정비하느라 블로그를 신경쓰지 못했습니다. 죄송하단 말씀을 먼저 드립니다. 앞으로 블로그를 재 정비하여 사업을 통해 얻은 경험을 활발히(!) 포스팅하도록 하겠습니다. 오늘 블로그 마케팅에 대해서 배운 내용을 정리해서 공유드리겠습니다. 기업이 블로그를 운영하면서 잘못하고 있는 부분은 콘텐츠의 양만을 신경쓰기 때문입니다. 콘텐츠의 업데이트 주기나 양보다 더욱 중요한 것은 커뮤니케이션이라고 합니다. 이러한 커뮤니케이션이 잘되고 있는지 확인 하는 방법에는 블로그 커뮤니케이션 활성화 지수(Blog Com..
쿠버네티스 마스터 안녕하세요. 명동교자입니다. 요즘 제가 관심있게 살펴보고 있는 분야는 쿠버네티스 입니다. 오늘부터 쿠버네티스를 공부하면서 배운 내용을 블로그에 정리해보려고 합니다. 오늘은 첫 시간으로 쿠버네티스 아키텍처에 대해서 살펴보겠습니다. 쿠버네티스는 마스터와 노드로 구성됩니다. 노드는 여러 개로 구성될 수 있으며 위 그림과 같이 서로 연결되어 있습니다. 쿠버네티스 마스터 쿠버네티스 마스터(Kubernetes Master)는 다음과 같은 여러 가지 기능을 제공합니다. 인증 및 인가 (Authentication & Authorization)RESTful API 엔트리 포인트노드를 위한 컨테이너 배포 스케줄러확장 및 복제 컨트롤러클러스터 구성 정보 쿠버네티스 마스터는 위 그림과 같이 API 서버 (kube-apiser..

티스토리툴바