invisible hand

vscode에서 vue을 개발하다 보면, export default (await import('vue')).defineComponent({} 위의 굵은 색으로 표시된 힌트가 보일 경우가 있다. 이 경우 defaultSettiongs.json 에서 vue.inlayHints.optionWrapper의 값을 false로 변경하면 된다. 하지만 맥의 경우 command + shift + p로 defaultSettions.json을 열어보면 readonly로 수정이 되지 않는다. 다음과 같이 따라하면 답답함을 해결할 수 있다. vscode 메뉴에서 code > Preferences > Setting을 선택하면 Settings 화면이 나타나고, vue.inlayHint 키워드로 찾으면 나타난다. 그 부분이 선택되..

d3.js는 훌륭한 시각화 도구인 것은 확실하지만, 사용하기 어려운 단점이 있다. 버전 업그레이드가 되면서 과거의 예제 코드를 그대로 사용할 수 없다. 패키지에 포함된 함수들이 변경이 있었기 때문에 이전 버전 예제로 최신 버전에서 사용할 경우 예상하지 못하는 에러에 많은 시간이 소요된다. 이런 상황에서 시간을 줄였던 경험을 공유하고자 한다. 예전 버전에서 실행한 후 d3.js 최신 버전으로 적용 이전 버전의 예제 코드를 구했다면 자신이 작성하는 코드에 바로 적용하지 말고, 예제 코드를 실행하고 최신 버전으로 수정뒤 정확히 동작하는지 확인을 한다. 이 과정에서 예제 코드를 구했다고 하더라도 대부분 html, js 파일로만 존재한다. 이때 유용하게 확인할 수 있는 도구가 vscode live server 인..

Pylance 경고 Python Interpreter 경로를 잘못 인식해 발생하는 실행은 되지만 보기싫은 경고이다. 이 경우 Mac 기준으로 Command + Shift + P 를 누르면 Commnad Palette 가 나타난다. Python: Select interpreter 을 입력하고 사용하는 Python 경로를 입력하면 해결된다. 바로 경로을 입력하여도 되고, 경로를 찾아서 선택하여도 된다.