Make it simple and keep it simple

Chrome, Firefox, Naver Whale 등의 확장 앱 설치가 가능한 브라우저를 이용해야 한다. adblock 을 검색하여 아무거나 설치한다. 나는 웨일을 쓰고 있는데, 확장 앱이 몇 개 없어서 그냥 다운로드 수 가장 많은 이것을 설치했다. 위에 보면 다운로드 수는 62,641 인데 아래에 글로벌 연결 사용자는 104,888명이라고 하니까 상당히 뻥튀기 된 것 같다. 심지어 실 사용자 수는 51,202 라고 카운트 되는데.. 뭐, 나만 편하면 상관없겠지. https://www.youtube.com/##.ytp-scroll-min.ytp-pause-overlay 추가하면 끝

Document Object Model (DOM) The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually it refers to JavaScript, even though modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language. Document Object Model (DOM) - Web APIs | MDN The..

공백으로 구분 지어진 클래스 이름이 여러가지가 있을 때, classList 는 className 을 대체하는 편안한 방법이다. 그리고 이 classList 는 DOMTokenList 컬렉션을 반환하는 읽기 전용 프로퍼티이다. 이 점을 활용해 여러가지를 할 수 있다. 클래스 이름을 포함하고 있는지 contains, 클래스 이름을 추가할 때 add, 해당 클래스 이름을 제거할 때 remove, 혹은 해당 클래스 이름이 있으면 이 이름을 제거하고, 없으면 추가하는 간편한 함수 toggle 까지. Element.classList The Element.classList is a read-only property that returns a live DOMTokenList collection of the class ..

CSS in JavaScript. JavaScript 내에서 CSS 스타일을 다루던 것을 CSS로 넘기면서, JavaScript 에서는 어떻게 이를 사용하게 되는지 공부하는 내용이다.

Step 1. Find the element. Step 2. Listen for the event. Step 3. React that event. (React means showing something, changing color, printing log, etc.) index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Momentum App Click me! Colored by Color Scripter cs app.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 const h1 = document.querySelector(".hello:first-child h1"); console.log(h..

I want to know how to handle 'Events on Window' by JavaScript. Search "Window mdn" on google web site. I can see one web site, Window mdn (Web API). https://developer.mozilla.org/ko/docs/Web/API/Window Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. developer.mozilla.org * MDN Web Docs (previously known as MDN — the Mozilla Developer Network) is an evolving learning platform for Web te..

ㅂ 나는 현재 Java Script 공부를 시작하는 단계인데, Visual Stuido Code 툴을 이용해서 공부하고 있다. 노마드 코더 니콜라스 쌤의 수업을 무료로 수강 중인데, 그 안에서 Prettier 언급이 있었다. 쉽게 말해서 코드에 띄어쓰기나 ';' 삽입이 제대로 되어있지 않은 상태에서 세이브 단축키를 누르면 포맷이 자동 정렬된다는 것이다. 소소한 데에 에너지를 뺏기면서, 스트레스를 받지 않고자 경험을 해보고자 설치해보기로 했다. Extension 창을 열어준다. 단축키는 Cmd + Shift + X 다. 그게 아니라면 왼쪽 사이드바 탭 안에서 가장 아래에 위치한 테트리스 블럭을 클릭한다. 그리고 Pritter 를 검색한다. 그러면 여러 가지가 나오는데, 우리는 여기서 Prietter - C..

먼저 나온 게 npm이고, 이는 Node Package Manager의 약자이다. yarn은 npm이 나오고 1~2년 후에 페이스북에서 만든 Node Package Manager이다. 후속작인 만큼 속도[perfomance]와 안정성[stability], 보안성[security] 부분들을 보완해서 만들었다고 한다. 그러나 npm도 지속적인 업데이트를 통하여 보완하였고, 지금에는 둘 다 많이 쓰이고 있다. 물론 npm 이 사용자가 많아서 그런지 풀이 더 넓은 것 같다. 나는 더 후에 나온 yarn을 설치하려고 했는데, yarn은 2.0버전으로 뉴 버전, 즉 업그레이드 된 버전이 나왔는데, 이는 npm 을 통해서만 설치가 가능했다. https://yarnpkg.com/getting-started/migrat..

요약: Aspect 라는 표현이 들어가면, 종횡비를 유지한다는 말이다. resizeAspectFill The video preserves its aspect ratio and fills the layer’s bounds. Discussion This gravity value may crop the video image along its horizontal or vertical dimension. 비디오는 종횡비를 유지하고 레이어의 경계를 채웁니다. 논의 이 중력 값은 수평 또는 수직 치수를 따라 비디오 이미지를 자를 수 있습니다. --- resizeAspect The video preserves its aspect ratio and fits it within the layer’s bounds. 비디오는 ..

설정 > 일반 > 기기 관리로 들어가서 해당 프로젝트의 앱에게 '신뢰' 해주면 된다. 아주 간단! (Settings > General > Profiles or Settings > General > Device Management) 출처: stackoverflow.com/questions/61865231/invalid-code-signature-due-to-inadequate-entitlements