Puppy's paw

돔이 포커싱 되는 걸 방지하는 태그인 줄 알았는데

엉뚱한 거라서 해맸다.

html unselectable 속성은 텍스트 드래그를 막아 준다.

하지만 익스플로어와 오페라 브라우저에서만 작동한다.

파폭이나 크롬 같은 브라우저는 css 속성으로 해결한다.

마우스 드래그 이벤트 인데 css속성으로 가야 하는 건지는 의문이다.

<style>
        .unselectable {
            -moz-user-select:none;
            -webkit-user-select:none;
        }
</style>

css는 이런식으로 적용하면 된다.

callback 패턴은 가독성도 정말 안좋고

들여다 보지 않으면 뭔일이 일어나는 지도 파악하기도 힘들다.

함수 설계를 promise를 return하도록 바꿀 수 있다면 편하겠지만

건드릴 수 없는 함수들이 있다.

이럴 경우 래핑해서 await로 바꿀 수 있다.

다음 코드에서 nodeJs의 fs.reddir을 promsie를 리턴하는 함수로 감쌌다.

new Promise 안에 대상 함수를 넣어서 활용해야 한다.

Promise는 형식만 참조하지만 여기서는 값으로 사용하고 있습니다

라는 ts 에러가 날 경우

{ 
  "compilerOptions": {
    "lib": ["es2015"]
  }
}

tsconfig.json에 추가해준다.