본문 바로가기 메뉴 바로가기

cs09g 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

cs09g 블로그

검색하기 폼
  • 분류 전체보기 (61)
    • Git (10)
    • Open source (2)
    • 프론트엔드 (16)
    • Javascript (15)
    • Mozilla (0)
    • 개발환경 (13)
      • Windows (4)
      • Linux (5)
      • Mac (3)
    • 생각 (3)
    • 여행 (1)
  • 방명록

Javascript (15)
Immutable object 만들기

기본적으로 Javascript의 원시 타입(Undefined, Null, Boolean, Number, String 등)을 제외한 모든 객체는 mutable하다. 즉 생성된 이후에 언제든 변경될 수 있다. 이런 mutable한 객체를 immutable하게 변경하는 것도 가능하다. 다음의 두 옵션을 활용해볼 수 있다. 1. Object.defineProperty를 통한 설정 let customObj = {}; Object.defineProperty(customObj, "newKey", {value: "newValue"}); 위와 같이 Object.defineProeprty 메소드를 사용하면 newKey의 값은 읽기 전용이되어 수정하는 것이 불가해진다. 이 메소드는 writable 옵션을 포함하고 있는데 기..

Javascript 2020. 6. 10. 17:12
fetch request의 처리를 취소하기

TL;DR(Too Long; Didn't Read). 요약. AbortController API를 사용해 응답이 반환되지 않은 비동기 요청을 취소할 수 있다. const abortController = new AbortController(); fetch(request, {signal: abortController.signal}) // signal을 설정한다. .then(doSomthing) }); abortController.abort(); // 원할 때 호출하면, signal을 등록한 요청을 취소한다. 전형적인 웹에서는 한번 요청이 시작하면 취소하는 것이 불가했고 그럴 필요성도 별로 없었다. 요청을 취소해야할 만한 상황이 발생한다면 요청 자체를 정말 필요한 때에만 수행하도록 처리하는 방식으로 다뤄왔을 ..

Javascript 2020. 3. 11. 16:34
마우스 및 터치 이벤트 시뮬레이션

테스트 코드를 작성하거나, 기능상의 이유로 마우스나 터치 이벤트를 프로그래밍적인 방식으로 발생시켜야 하는 경우가 있다. 다음과 같이 몇 가지 browser API를 사용하여 구현이 가능하다.

Javascript 2020. 2. 6. 10:50
이전 1 2 3 4 5 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
링크
  • Firefox
  • Mozilla Hacks Korea
TAG
  • csv-parser
  • testing
  • setter
  • chrome
  • 사이트성능측정
  • no_fcp
  • event
  • git-tag
  • abortcontroller
  • bigsur
  • git-checkout
  • writeStream
  • react
  • Safari
  • ubuntu
  • Android
  • Karma
  • 크롬
  • ios
  • getter
  • bouncscroll
  • nodejs
  • Mac
  • GIT
  • 블랙스크린
  • readStream
  • Windows
  • fetch
  • 리소스모니터
  • JavaScript
more

Blog is powered by Tistory / Designed by Tistory

티스토리툴바