IT/Angular
IT/Angular
[Angular] Pipe 파이프와 사용법 (파일 사이즈 커스텀파이프)
파이프란 보통 애플리케이션이 관리하는 데이터 또는 서버에서 받아오는 데이터는 사용자들에게 실생활에 익숙한 형태가 아닐 수 있다. 예를 들면, 날짜 데이터 같은 경우 Date 함수가 리턴하는 인스턴스를 문자열화하면 아래와 같다. const today = new Date(); console.log(today.toString()); // Thu May 25 2023 14:00:00 GMT+0900 (KST) 딱보기에도 사용자가 읽기 쉬운 형태는 아니다. 이 때 데이터 자체를 변경하는 것은 다른 side effect가 있을 수 있으므로 화면에 표시하는 형식만 변경하고 싶을 때 사용하는 것이 Pipe 이다. 파이프를 사용하면 마치 스타일 정의하듯 HTML에서 바로 출력 변환이 가능하다. 사용법 사용법은 간단하다...
