시작하는 중

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() 문자열 끝의 공백을..

진행한 것 1. 우측 상단 chungju-si를 청주시로 번역 이걸 구글 번역 api로 할랬는데 유료화해서 못하고 직접 하나하나 모든 한국 지명 영어 표기법을 가져와서 배열+object형식으로 [{enCity : "chungju-si", krCity : "청주시"}] 이렇게 하려고 했는데 영문 표기를 가져오는게 귀찮아서 일단 청주만 번역하고 나중에 하기로 햇어요. 2. 날씨를 Clouds 이런식으로 가져오길래 무료 날씨 아이콘가져와서 적용햇음 날씨 종류는 여기 참고했습니다. https://openweathermap.org/weather-conditions Weather Conditions - OpenWeatherMap Weather Conditions Home Weather Conditions openw..

1 2 Colored by Color Scripter cs 우선 HTML 본문 body부분에 background를 통해 배경화면을 지정하고 id를 지정하여 css와 js에서 접근하기 쉽게 만듬 1 2 3 4 5 6 7 8 9 const images = ["0.jpg", "1.jpg", "2.jpg", "3.jpg"]; const choseonImage = images[Math.floor(Math.random() * images.length)]; const bgImage = `img/${choseonImage}`; const bg = document.querySelector("#bgimg"); bg.background = bgImage; Colored by Color Scripter cs images 배열..