알루 코딩

사용자에게 입력을 받으려면 Python에서는 어떻게 해야 할까? input() 이 생각나면, 맞다! 그런데, 반복문으로 여러줄을 입력 받아야 하는 등의 상황에서 단순히 input() 만 쓰면 시간초과되는 경우가 빈번하게 발생할 수 있다. 그렇다면, sys 모듈을 불러오고 생각해보자. sys 모듈은 파이썬 인터프리터가 제공하는 변수와 함수를 직접 제어할 수 있게 해주는 모듈이다. 그냥, input() 을 해서 입력받는 것보다 훨씬 시간이 단축될 것이다. 속도 차이에 대해 더 자세히 알고 싶다면, 해당 링크에 간략하게 설명되어 있다. https://www.acmicpc.net/blog/view/56 입력 속도 비교 여러가지 언어와 입력 방법을 이용해서 시간이 얼마나 걸리는지 비교해 보았습니다. 방법: 첫째 ..

setInterval() 함수는 인자값을 2개 받는데, 첫번째 인자로는 실행할 함수를 받고, 두번째 인자로는 그 함수를 실행하고 싶은 시간(실행할 시간 간격)을 받는다. 이 때, 시간의 단위는 ms 로, 예를 들어 3초를 주고 싶다하면 3000을 값으로 집어 넣어야 한다. 예를 한번 살펴보자. const clockContainer = document.querySelector(".js-clock"), clockTitle = document.querySelector('h1'); function getTime(){ const date = new Date(); // Date는 클래스이다. date 객체 생성 const hours = date.getHours(); const minutes = date.getMin..

먼저 html 파일이 이런 html 파일이 있다고 해보자. This is title!! css 는 아래와 같다. body { background-color: peru; } .btn { cursor: pointer; // btn 클래스 } h1 { color: #344952; transition: color 0.5s ease-in-out; } .clicked { color: red; // clicked 클래스 } javascript 는 아래와 같다. const title = document.querySelector("#title"); const CLICKED_CLASS = "clicked"; function handleClick(){ const hasClass = title.classList.contain..

https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가 developer.mozilla.org 이곳을 참조하면, 각종 이벤트 들이 다 나와있다. 온라인, 오프라인 처럼 와이파이가 연결되고 끊겼을 때 처리하는 이벤트도 있었다. function handleOffline(){ console.log("인터넷이 끊겼습니다.") } function handleOnline(){ console.log("인터넷이 연결되었습니다.") } window.addEventListene..

JavaScript에서 함수를 만드는데, 이런 함수를 바로 호출하고 싶을 때가 있을 것이고, 어떠한 사건(이벤트)이 발생하면 그 함수가 실행되도록 하고 싶기도 할 것이다. 그런 이벤트를 처리하는 것을 Javascript에서는 어떻게 구현할까? 객체.addEventListener("이벤트 타입", 해당하는 함수); 라는 것이 있다. 예를 들어, 아래와 같은 코드가 있다고 해보자. function handleResize() { console.log("사이즈가 변경되었어요!") } window.addEventListener("resize", handleResize); 이것은 "resize"라는 이벤트가 발생했을 때까지, handleResize라는 함수를 기다리겠다는 뜻이다. 우리가 앞서 함수 등을 호출할 땐,..