실습과 예제 코드는 JAVA, Angular(13.3.3) 및 TypeScript(4.4.4) 환경에서 생성되었습니다.
코드를 관리하다 보면 새로운 것을 추가해야 하는 경우가 많습니다.
새로운 코드명을 데이터베이스에 추가할 때 올바른 순서로 작성되기 때문에 추후 관리에 유용하지만 진행 중인 프로젝트입니다.
또는 추가 유지보수가 진행되면 더 많은 사람의 손에 의해 잘 유지되지 않는 경우가 있습니다.
사용자가 깔끔하고 군더더기 없는 화면으로 보는 것을 선호하기 때문에 추가로 정렬하여 표시할 필요성을 느꼈습니다.
각 번호는 데이터베이스에 등록된 코드명이며, 코드의 순서는 다음과 같습니다.
단순히 데이터를 변경하는 것만으로도 여러 가지 문제가 발생할 수 있으며 예기치 않은 문제가 발생할 수 있으므로 안전한 방법을 선택하십시오.
표시되는 화면에 코드를 포함하는 정렬 기능을 통해 정렬 및 비교하는 방법을 선택했습니다.
retrieve(cond) {
this.rest.info(cond).subscribe(result => {
this.cond = result;
// 코드의 이름값으로 비교 후 정렬 ( 이름값이 숫자이기에 이름으로 비교, 다를 경우 다른값으로 채택 )
// 아래의 a의 codeNm값이 b의 codeNm값보다 작으면 -1 크면 1 같으면 0을 반환
this.cond.codeVo.sort((a, b) => a.codeNm < b.codeNm ? -1 : a.codeNm > b.codeNm ? 1 : 0);
});
}
요소는 반환된 값을 기준으로 정렬되며 반환된 값이 0이면 요소의 순서가 변경되지 않습니다. 중복코드는 허용되지 않으므로 0의 경우는 없습니다.
