시작하는 중

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API Intersection Observer API - Web APIs | MDN The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. developer.mozilla.org 이게 뭐냐면 요소 하나를 관찰하도록 설정하고 이 요소가 지정해준 root를 기준으로 얼마나 교차하는가에 따른 threshold를 기..

어려운거 3대장인데 나는 이런거 못정리하면 잠못자서 정리함 일단 JS에서 function은 객체이다. 그래서 const print = function (value) { console.log(value) } print(100) 같이 변수명에 할당이 가능하고 const myFunc = { print:function (value) { console.log(value) } } MyFunc.print(100) Object 타입에 key에 할당 가능하고 function print(value, repeat) { this.value = value this.repeat = repeat this.go = function () { console.log(value) } } const func = new print(10,2) ..

0 version 2를 통하면 요소 하나하나에 접근해서 eventListener를 달아줘야하지만 version 1을 통하면 nodeList형태로 접근하여 불필요한 중복을 줄일 수 있다. querySeletor를 하면 node 객체 하나를 가져오지만 querySeletorAll을 하면 nodeList 형태로 가져오고 .forEach 같은 배열 메서드를 사용 할 수 있다. forEach를 통해 요소 하나씩 가져오고 요소 하나마다 addEventListener를 추가하여 요소마다 이벤트 발생을 알 수 있고 event.target을 하면 이벤트가 일어난 node를 알 수 있고 event.target.classList를 통해서 이벤트가 일어난 tag의 class list를 알 수 있고 해당 리스트의 인덱스에 접근..

const fs = require('fs') // 문제를 풀 때는 이거로 let input = fs.readFileSync('./input.txt').toString().trim().split('\n') // 제출시에는 이거로 let input = fs.readFileSync('./dev/stdin').toString().trim().split('\n') 1. 우선 file system 이라는 모듈을 import 해와서 fs에 할당한다. 2. 그런 다음 input.txt라는 파일 형태로 저장해놓고 file system으로 input.txt 파일을 읽는 것 2-1. 이렇게 읽으면 개행문자(\n와 \r)까지 전부 읽는다. 3. toString()을 통해 문자열로 변환하고 4. trim() 문자열 끝의 공백을..