본문 바로가기

Develop Note by J.S.

검색하기
Develop Note by J.S.
프로필사진 js-web

  • 분류 전체보기 (82)
    • Language (21)
      • HTML (1)
      • Javascript (12)
      • Typescript (6)
      • CSS (2)
    • FrontEnd (42)
      • Vue3 (10)
      • Svelte (9)
      • Worker (3)
      • Datagrid (2)
      • Vite&Vue-cli (7)
      • Cypress (8)
      • Vitals (3)
    • DevOps (7)
      • CDN (3)
      • Git (2)
      • AWS (2)
    • Knowledge (12)
      • Programming (4)
      • Network (5)
      • SSR (2)
      • DataBase (1)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
  • JavaScript
  • rendering
  • Cypress
  • typeScript
  • vue
  • CloudFlare
  • aws
  • vue-cli
  • ts error
  • CSS
  • custom command
  • http3
  • caching
  • TLS
  • svelte
  • 비동기
  • import.meta.env
  • ViTE
  • 선택자
  • QUIC
  • e2e
  • SSR
  • https
  • Testing
  • msw
  • devtools
  • web vital
  • csr
  • api test
  • vue3
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Pipe (1)

Develop Note by J.S.

[Javascript] Function Pipeline

1. Function Pipelineconst addFive = (x) => x + 5;const double = (x) => x * 2;const minusOne = (x) => x - 1;const result = minusOne(addFive(double(10)));특정 값을 여러 함수에 순차적으로 전달하여 결과를 사용하는 코드는 가독성이 떨어집니다. Pipe를 정의하고 이를 사용해 코드 리팩토링 시 가독성이 좋아질 것입니다. 1) 코드 정의 // common.tsexport const _ = { filter(predicate) { return (array) => array.filter(predicate); }, sort(compareFn) { return ..

Language/Javascript 2024. 8. 29. 11:53
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바