Step by Step

index.html 제출 초기화 main.js const formEl = document.querySelector("form"); const inputEls = document.querySelectorAll("input"); inputEls.forEach((el) => { el.addEventListener("focus", () => { formEl.classList.add("active"); }); el.addEventListener("blur", () => { formEl.classList.remove("active"); }); el.addEventListener("change", (evnet) => { console.log(event.target.value); }); }); formEl.addEve..

문제 출처 https://www.acmicpc.net/problem/9095 9095번: 1, 2, 3 더하기 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 출력한다. www.acmicpc.net DP 문제는 처음 접해봤는데 풀기 전 유튜브로 개념을 파악했다. 피보나치 문제처럼 같은 값을 계속 호출할 때 시간복잡도가 증가하므로 Memoization을 통해 이미 구한 값은 배열에 넣어두는 방식이다. 점화식을 세우는 것이 가장 중요하다. DP 알고리즘이 사용되는 예시는 다음과 같다. 1. 큰 문제를 작은 문제로 나눌 수 있는 경우 2. 작은 문제에서 구한 정답이 그것을 포함하는 큰 문제에서도 동일할 경우 밑 코드에서 주석 처리해놓은 점화식을 사용해야 한다. 이 문제는 계단을 올라가..

문제출처 https://www.acmicpc.net/problem/2468 실버 1 문제 치고 생각을 많이 했다. 문제가 이해되지 않아 몇번 읽으니 이해가 되었다. 전부 잠길 수 있으니 높이는 0부터 최대 높이 -1까지 실행(최대 높이가 9라면 9보다 큰 수만 추출할 때 전부 잠기므로) 2차원 배열 내에서 가장 큰 값을 추출 후 bfs() 함수 내에서 x,y좌표와 최댓값을 활용해 코드를 짜보았다. from collections import deque import sys n = int(sys.stdin.readline()) graph = [] for _ in range(n): graph.append(list(map(int,sys.stdin.readline().split()))) w_max = 0 // 그래..

addEventListener() 대상에 지정한 이벤트가 발생했을 때 함수(Handler)가 호출된다 const parentEl = document.querySelector(".parent"); const childEl = document.querySelector(".child"); parentEl.addEventListener("click", () => { console.log("parent!"); }); childEl.addEventListener("click", () => { console.log("child!"); }); removeEventListener() 대상에 지정한 이벤트를 제거한다. removeEventListener를 사용할 때 콜백 함수 부분에 따로 설정한 함수가 들어가지 않으면 그..