해당 코드에서는 NgbModal 을 사용했다. Angular에서 NgbModal을 사용하려면 @ng-bootstrap/ng-bootstrap 라이브러리를 설치해야 한다. npm이 설치되어 있다는 전제하에 터미널에 npm install @ng-bootstrap/ng-bootstrap 를 입력하면 설치할 수 있다. ts파일에 모달 오픈을 위한 기본 설정을 했다. import {NgbModal} from "@ng-bootstrap/ng-bootstrap"; constructor(private modalService: NgbModal) 버튼부분 // rsltList 가 없을 경우 반품 신청버튼 disable 반품신청 openModal(modalInfo) { // modalInfo 모달을 열고 size부분에는 모..
해당 연습, 예시 코드는 JAVA , Angular(13.3.3), TypeScript(4.4.4) 환경에서 제작되었음 어떤 특정한 대상의 이력을 보여줄 때, 사원의 월별 정보를 나타낼 때, 물건의 재고를 나타날 때 등 하나의 정보를 담고있는 테이블에서 가장 마지막 정보만 강조표기 하여 보기 쉽게 할 것이다. xml에서 resultType에 변수들을 담고 있는 객체에 최신 데이터 정보인지를 판단할 새로운 변수를 선언해준다. Result @ApiModelProperty(position = 1, value = "최신데이터 여부", example = "Y") // 최신 데이터에는 Y를 설정해줄 것 이기 때문에 기본값을 N으로 private String newYn = "N"; Service public List..
해당 연습, 예시 코드는 JAVA , Angular(13.3.3), TypeScript(4.4.4) 환경에서 제작되었음 앵귤러에서 중요한 기능 중 하나인 Pipe , PipeTransform 인터페이스 PipeTransform 인터페이스는 pipe를 커스텀 할 때 사용한다. Angular를 사용하면 기본적으로 제공되는 기능이다. 기본적인 형식은 다음과 같이 설정되어있으며 사용법 역시 아래와 같다. export declare interface PipeTransform { transform(value: any, ...args: any[]): any; } 예시코드 import { Pipe, PipeTransform } from '@angular/core'; // import 반드시 선언 // html 파일에서..
해당 연습, 예시 코드는 JAVA, Angular(13.3.3), TypeScript(4.4.4) 환경에서 제작되었음 코드를 관리하다 보면 새롭게 추가해야하는 경우가 많다. 데이터베이스에 새로운 코드명을 추가할 때 순서에 맞도록 기입하는게에 추후 관리에 유용하나, 여럿이 진행하는 프로젝트 혹은 추가적인 유지보수작업이 진행되는 경우에는 더 많은 사람의 손길을 거쳐 관리가 잘 되지 않는 경우도 더러 있다. 사용자가 보기에는 잘 정렬이 된 깔끔한 화면으로 보는것을 선호하기에 추가적으로 정렬해서 보여줄 필요가 있다고 느꼈다. 각 숫자는 데이터베이스에 등록되어있는 각각의 코드명이고 코드의 순서는 다음과 같다. 데이터를 그냥 바꾸면 야기될 수 있는 문제점이 여럿 있고 예상치 못한 문제도 발생할 수 있기에 안전한 방..
해당 연습, 예시 코드는 JAVA, Angular(13.3.3), TypeScript(4.4.4), mariaDB(MySQL) 환경에서 제작되었음 검색창에 검색 시 스페이스바(공백)으로 구분하여 단어검색이 되도록, -을 붙여 검색을 할 경우 해당 단어는 검색되지 않도록 검색되는 기능을 만들고자 했다. 먼저 프론트 작업으로 기본이 될 검색을 하는데에 있어 사용할 변수 하나를 선언해주고 검색 로직을 실행할 API와 연결한다. // 검색 시 실행! retrieve() { // srchString : 단어 검색용 변수 this.rest.srchWord(this.srchString).subscribe( result => { this.srchRslt = result; } ); } 백엔드 작업으로 srchString..
해당 연습, 예시 코드는 JAVA, Angular(13.3.3), TypeScript(4.4.4) 환경에서 제작되었음 Controller 영역 public ResponseEntity postExcelDown(@RequestBody ExcelCond cond) throws IOException { // 다운로드 할 파일 이름을 지정할 수 있음 String downFileNm = "Excel.xlsx"; // 파일을 생성하여 내용을 사용할 객체를 생성함 ByteArrayOutputStream os = new ByteArrayOutputStream(); // excelDown 메서드를 호출하여 cond 값에 따른 엑셀 파일을 생성한다. // XSSFWorkbook 엑셀 워크북을 사용 XSSFWorkbook w..
