Web Dev/5. Projects
-
How to Pushlish VScode extension( ERROR Make sure to edit the README.md file before you package or publish your extension.)Web Dev/5. Projects 2021. 2. 14. 20:07
vsce package 위의 명령어를 따라서 퍼블리시를 하려는데 잘안되서 보니까, npm run compile 을 먼저 실행했어야했다. itnext.io/creating-and-publishing-vs-code-extensions-912b5b8b529 Creating and publishing VS Code extensions Ok, we created a snippet in the first article of our series Snippet creation. Let’s now take our snippet to VS Code Marketplace. itnext.io
-
[FakeFlix] TypeScript적용하기(eslint, prettier)Web Dev/5. Projects 2021. 2. 1. 12:23
TypeScript를 적용할 repo [fakeflix] TypeScript 진행과정 메모 1. Volta를 통해서 yarn 또는 npm, node 등의 버전을 고정 volta pin yarn node 2. TypeScript 적용 yarn add typescript 3. 현재 쓰는 패키지중에 type 정보가 없는건 types를 추가한다. yarn add -D @types/node @types/react @types/react-dom @types/jest @types/justified-layout @types/react-router-dom @types/styled-components typescript를 적용하고자할때는 기존에 사용중이던 패키지(JS로 된애들)의 타입을 정의한 패키지를 설치해줘야한다. 이..
-
[FakeFlix] HTML의 Dom events에 관해서(좌우 scroll과 상하 wheel event가 충돌할때 나의 해결법)Web Dev/5. Projects 2021. 1. 16. 16:51
dom events를 항상 아무 생각없이 써왔다. 그런데 최근에 dom 을 직접 조작하는 일을 하다가, 다시 React를 공부하는데, '워~~~' 하는 생각이 들었다. 어렵다... 정말 요즘 태어나서 요즘 개발자해서 너무 다행이다. 예전에 하셨던 분들 다들 훈장 받으셔야한다... 여튼 또 일하느라 급급하게 createElement로 dom 조작을 하고, event도 붙이고 하다가 React 컴포넌트에 onScroll 이벤트를 붙이려니까 순간 게슈탈트 붕괴가 왔다. 여튼 이 기회에 dom event에 대해서 문서를 찾아봤다. www.w3schools.com/jsref/dom_obj_event.asp HTML DOM Event Object HTML DOM Events HTML DOM Events HTML D..