Suzie's Blog

이벤트 루프(Event Loop)의 개념을 설명하고, 아래 코드가 실행될 때 콘솔에 출력되는 순서를 예측해보세요.console.log("A");setTimeout(() => console.log("B"), 0);Promise.resolve().then(() => console.log("C"));console.log("D"); 더보기더보기더보기✅ 정답 : "A", "D", "C", "B"- 코드가 실행이 되고 "A" 가 처음 실행되어 콘솔에 찍힘.- WebAPI에서 "B" 가 실행되고 task queue로 이동- 자체적 비동기인 Promise는 microtask queue로 이동- 마지막 코드가 실행되고 "D" 가 콘솔에 찍힘.- 우선순위가 microtask queue가 우선이므로 "C" 가 콘솔에 찍히고..

개발할때 유용하게 사용한 useEventListener hook 이다. (Next.js, TypeScript)src > utils > hooks 에 저장 후 import하여 사용 하면 코드도 간편해지고 편함.import { useEffect, useRef } from "react";function useEventListener( eventType: K, handler: (event: WindowEventMap[K]) => void, element: HTMLElement | Document | Window | null = typeof window !== "undefined" ? window : null) { const savedHandler = useRef void | null>(n..

문제 설명 정수 배열 arr가 주어집니다. arr의 각 원소에 대해 값이 50보다 크거나 같은 짝수라면 2로 나누고, 50보다 작은 홀수라면 2를 곱하고 다시 1을 더합니다. 이러한 작업을 x번 반복한 결과인 배열을 arr(x)라고 표현했을 때, arr(x) = arr(x + 1)인 x가 항상 존재합니다. 이러한 x 중 가장 작은 값을 return 하는 solution 함수를 완성해 주세요. 단, 두 배열에 대한 "="는 두 배열의 크기가 서로 같으며, 같은 인덱스의 원소가 각각 서로 같음을 의미합니다. 제한사항 ● 1 ≤ arr의 길이 ≤ 1,000,000 ○ 1 ≤ arr의 원소의 값 ≤ 100 입출력 예 arr result [1, 2, 3, 100, 99, 98] 5 입출력 예 설명 입출력 예 #1..

문제 설명 문자열 myString과 pat가 주어집니다. myString의 부분 문자열중 pat로 끝나는 가장 긴 부분 문자열을 찾아서 return 하는 solution 함수를 완성해 주세요. 제한사항 • 5 ≤ myString ≤ 20 • 1 ≤ pat ≤ 5 → pat은 반드시 myString의 부분 문자열로 주어집니다. • myString과 pat에 등장하는 알파벳은 대문자와 소문자를 구분합니다. 입출력 예 myString pat result "AbCdEFG" "dE" "AbCdE" "AAAAaaaa" "a" "AAAAaaaa" 입출력 예 설명 입출력 예 #1 • "AbCdEFG"에서 "dE"는 한 번 등장하며 처음부터 해당 위치까지 잘라내면 "AbCdE"가 됩니다. 따라서 이 문자열이 "dE"로 ..

문제 설명 문자열 myString과 pat이 주어집니다. myString에서 pat이 등장하는 횟수를 return 하는 solution 함수를 완성해 주세요. 제한사항 1 ≤ myString ≤ 1000 1 ≤ pat ≤ 10 입출력 예 myString pat result "banana" "ana" 2 "aaaa" "aa" 3 입출력 예 설명 입출력 예 #1 "banana"에서 1 ~ 3번 인덱스에서 한 번, 3 ~ 5번 인덱스에서 또 한 번 "ana"가 등장해서 총 두 번 등장합니다. 따라서 2를 return 합니다. 입출력 예 #2 "aaaa"에서 0 ~ 2번 인덱스에서 한 번, 1 ~ 3번 인덱스에서 한 번, 2 ~ 4번 인덱스에서 한 번 "aa"가 등장해서 총 세 번 등장합니다. 따라서 3을 re..

문제 설명 문자열 my_string과 정수 s, e가 매개변수로 주어질 때, my_string에서 인덱스 s부터 인덱스 e까지를 뒤집은 문자열을 return 하는 solution 함수를 작성해 주세요. 제한사항 - my_string은 숫자와 알파벳으로만 이루어져 있습니다. - 1 ≤ my_string의 길이 ≤ 1,000 - 0 ≤ s ≤ e < my_string의 길이 입출력 예 my_string s e result "Progra21Sremm3" 6 12 "ProgrammerS123" "Stanley1yelnatS" 4 10 "Stanley1yelnatS" 입출력 예 설명 입출력 예 #1 - 예제 1번의 my_string에서 인덱스 6부터 인덱스 12까지를 뒤집은 문자열은 "ProgrammerS123"..

문제 설명 정수 배열 arr와 2차원 정수 배열 queries이 주어집니다. queries의 원소는 각각 하나의 query를 나타내며, [s, e] 꼴입니다. 각 query마다 순서대로 s ≤ i ≤ e인 모든 i에 대해 arr[i]에 1을 더합니다. 위 규칙에 따라 queries를 처리한 이후의 arr를 return 하는 solution 함수를 완성해 주세요. 제한사항 - 1 ≤ arr의 길이 ≤ 1,000 - 0 ≤ arr의 원소 ≤ 1,000,000 - 1 ≤ queries의 길이 ≤ 1,000 - 0 ≤ s ≤ e < arr의 길이 입출력 예 arr queries result [0, 1, 2, 3, 4] [[0, 1],[1, 2],[2, 3]] [1, 3, 4, 4, 4] 입출력 예 설명 입출력 ..

항상 하던대로 컴퓨터를 켜자마자 프로그래머스 웹사이트에 접속해서 기초 알고리즘 문제를 풀어보려고 하였다. 근데 문제 자체를 이해하지 못하겠는거.. ㅠㅠ 수학 공부 안한지 벌써 몇만시간이 흐른거 같은데 ㅋㅋㅋㅋㅋ 등차수열? 공차? 이름은 익숙하나 등차수열이 뭐였는지 기억도 안난다.. 이런 나와같은 상황에 마주친 분들에게 도움을 주고자 그리고 나 자신도 공부해보기 위해 이 포스트를 작성하게 되었다..! 일단 제목부터 분석 해보자! "등차수열의 특정한 항만 더하기" 등차수열이란? 1,3,5,7,9.... 처럼 연속한 두 항의 차가 일정한 수열을 등차수열이라고 함. 공차란? 연속한 두 항에서, 뒤 항에서 앞 항을 뺀 값을 공차(Common difference)라고 함 예를 들면, 1,3,5,7,9의 공차는 2 ..

문제 설명 정수 배열 arr가 주어집니다. 이때 arr의 원소는 1 또는 0입니다. 정수 idx가 주어졌을 때, idx보다 크면서 배열의 값이 1인 가장 작은 인덱스를 찾아서 반환하는 solution 함수를 완성해 주세요. 단, 만약 그러한 인덱스가 없다면 -1을 반환합니다. 제한사항 3 ≤ arr의 길이 ≤ 100'000 arr의 원소는 전부 1 또는 0입니다. 입출력 예 arr idx result [0, 0, 0, 1] 1 3 [1, 0, 0, 1, 0, 0] 4 -1 [1, 1, 1, 1, 0] 3 3 입출력 예 설명' 입출력 예 #1 1보다 크면서 원소가 1인 가장 작은 인덱스는 3입니다. 따라서 3을 return 합니다. 입출력 예 #2 4번 인덱스 이후에 1은 등장하지 않습니다. 따라서 -1을..

문제 설명 아무 원소도 들어있지 않은 빈 배열 X가 있습니다. 양의 정수 배열 `arr`가 매개변수로 주어질 때, `arr`의 앞에서부터 차례대로 원소를 보면서 원소가 a라면 X의 맨 뒤에 a를 a번 추가하는 일을 반복한 뒤의 배열 X를ㄹ return 하는 solution함수를 작성해 주세요. 제한사항 1 ≤ arr의 길이 ≤ 100 1 ≤ arr의 원소 ≤ 100 입출력 예 arr result [5, 1, 4] [5, 5, 5, 5, 5, 1, 4, 4, 4, 4] [6, 6] [6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6] [1] [1] 입출력 예 설명 입출력 예 #1 예제 1번에 대해서 a와 X를 나타내보면 다음 표와 같습니다. a X [] 5 [5, 5, 5, 5, 5] 1 [5..