자바스크립트

[ 백준 1541 ] ( python ) 잃어버린 괄호

📚 잃어버린 괄호 문제 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오. 입력 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 많이 연속되는 숫자는 없다. 수는 0으로 시작할 수 있다. 입력으로 주어지는 식의 길이는 50보다 작거나 같다. 출력 첫째 줄에 정답을 출력한다. 예제 입력 1 복사 55-50+40 예제 출력 1 복사 -35 예제 입력 2 복사 ..

(JavaScript) 자바스크립트 async / await / promise

0. 동기? 비동기? 자바스크립트에서 쓰는 일반적인 함수는 동기적으로 기능한다. 하지만 가끔은 비동기적으로 써야 할 때가 있다. 동기와 비동기는 어떤 차이가 있을까? 동기 한번에 한 작업만 수행할 수 있다 흐름을 예측하기 쉽다 (호출 순서대로 작동한다) 비동기 동시에 여러 작업을 수행할 수 있다 흐름을 예측하기 어렵다 (무엇이 먼저 완료될 지 보장이 불가능하다) ✍ 비동기 setTimeout의 동작 또한 비동기로 동작한다고 볼 수 있다. 함수를 호출하고, 설정 시간 동안 기다리는 시간은 다른 흐름에 영향을 주지 않기 때문이다 만약 console.log('사과')를 하는 함수의 설정 시간을 3초로 잡고, console.log('옥수수')를 하는 함수의 설정 시간을 1초로 잡은 후 사과를 찍는 함수 호출 옥..

이벤트 제어하기. 쓰로틀링(throttling)과 디바운싱(debouncing)

✍ 쓰로틀링과 디바운싱 개념 : 디바운싱과 쓰로틀링은 자주 사용되는 이벤트나 함수의 빈도를 줄여 성능상 유리함을 가져오기 위한 개념이다. 📌 디바운싱 연속으로 호출되는 함수(이벤트)에서 가장 마지막(혹은 처음) 이벤트만 실행되도록 한다. == 입력(이벤트)가 끝난 후에 요청을 보내면 된다. 검색 시 많이 사용 이벤트 발생 시점 입력이 끝날 때까지 무한정 대기 이벤트 발생 시(ex onChange) 타이머를 설정해두고, 200ms(설정 시간) 이전에 타자 입력(이벤트)가 발생하면 이전 타이머는 클리어, 새로운 타이머를 설정해준다. 설정 시간 이전에 이벤트가 발생하지 않으면 이벤트 발생 끝 => 코드가 실행된다. 📌 쓰로틀링 연속으로 호출되는 함수(이벤트)를 일정 시간 동안에 한번씩만 실행되도록 한다. ==..

JavaScript 자바스크립트 이벤트 리스너(eventListener)

나.. 이벤트리스너 모르네 ✍ addEventListener EventTarget 인터페이스의 메서드. 지정한 유형의 이벤트를 수신할 때마다 호출할 함수를 설정한다. = 호출 시 인자를 전달받는다. 일반적인 대상 Element, Document, Window지만 XMLHttpRequest 같이 이벤트를 지원하는 모든 객체가 대상이 될 수도 있다. target.addEventListener('click', function(){}) 이벤트명을 나타낸 문자열 함수 (콜백함수) 옵션 ( capture, once, passive, signal ... ) 기존 이벤트 핸들러 (onclick)등을 사용하는 것에 비해 addEventListener을 사용하면 이전에 추가한 이벤트 핸들러를 제거할 수 있응 대응 메소드 ..

[FISH-NEWS] 프로젝트 기록

주저리 요즘 해가 잘 안든다... 드림코딩 엘리 새로운 강의를 오늘부터 수강해서 프로젝트는 남는 시간에 잠깐씩 만지려고 했는데 생각보다 오늘 강의 할당량을 빨리 끝내서 살짝 만졌다 해봤자 한시간정도지만 오늘 목표 큰 목표는 없이 부족하거나 이상한 부분을 정리하는 것을 목표로 두었다 문제 상황 1. main_left : gentleman's fashion부분 꿀렁거림 영상을 보면 알 수 있듯이 :hover과 active 클래스가 들어가는 곳에 마우스를 가져다대면 꿀렁거린다 문제 해결 과정 #mainNews__left .mainNews__item .active, #mainNews__left .mainNews__item h3:hover{ border:3px solid white; background-color..

[FISH-NEWS] 프로젝트 기록

주저리 일단 글을 계속 안 쓰기는 했는데 지속적으로 공부를 하기는 했다 HTML CSS같은 경우는 어느 정도 궤도에 올랐다고 생각하지만 JS는 글쎄 조금 더 노력해야 할 것 같다 일단 목표는 이번 달 안으로 궤도에 진입하는 것이기는 하지만 될런지 지금까지 해 온 것처럼 하면 잘 될 것 같기는 하다 드림코딩 앨리와 노마드코더 무료강의들을 일단 열심히 수강했고 이제 강의를 구매해서 들을 예정 어쨌든 지금까지 배운 내용들을 바탕으로 혼자 프로젝트를 하나 수행해보기로 했다. 처음 코딩이란 걸 접해보고 HTML에 을 처음 작성했을 때 열의에 차서 혼자 이것저것 만들어봤는데 지금 보면 음.. 분명 두 달 전 정도밖에 되지 않았지만 아주 부끄러운 퀄리티다 당연하게도 깃허브 연동은 꿈도 꾸지 않았다 이상이 높은 편인지..