음악을 틀고 다른 페이지로 이동하거나 새로고침하면 어떻게 될까요?Jotai atom은 메모리에만 존재합니다. 새로고침하는 순간 플레이리스트, 현재 곡, 볼륨이 모두 초기화됩니다.스트리밍 앱에서 새로고침할 때마다 음악이 처음부터 다시 시작된다면 불편하겠죠.재생 상태를 브

보관함 페이지에는 플레이리스트별 트랙 목록이 있습니다.트랙이 10~20개면 문제없지만, 좋아하는 곡을 계속 추가하다 보면 100곡, 200곡이 될 수 있습니다.처음엔 단순하게 map()으로 전체를 렌더링했습니다.직관적이고 동작도 합니다. 하지만 "트랙이 많아지면 어떻게

ProgressBar 리페인트 최소화 (feat. transform: scaleX)

💡 "왜 특정 컴포넌트의 상태만 업데이트되는데 전체 컴포넌트가 리렌더링되지?"

안녕하세요. 오랜만입니다. 붉은 말의 새해가 찾아왔네요!🌅 모두들 새해 복 많이 받으세요!ㅎㅎ저는 작년 10월 정도부터 Yoon-Play2라는 AI 기반 음악 플레이어를 만들게 되었습니다.이번에는! 단순히 음악을 재생하는 플레이어가 아니라, 사용자의 입력 텍스트 기반

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하고 정리되어 있습니다. 🙏🏻class MyList...// 해당 코드 !!\*Symbol.iterator { let current = this.head; while (current !== null)

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하고 정리했으며 코딩테스트 합격자되기 자바스크립트편 도서를 읽고 추가적으로 정리되어 있습니다. 🙏🏻

FIFO(First In First Out)의 구조를 갖춘 자료구조먼저 들어온 것이 먼저 나가는 특징삽입: push삭제: poppop : O(1)(상수 시간)push : O(1)isEmpty : O(1)(코딩테스트 합격자되기 도서 참고)N명의 사람이 원형으로 서 있다.

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하고 정리했으며 코딩테스트 합격자되기 자바스크립트편 도서를 읽고 추가적으로 정리되어 있습니다. 🙏🏻삽입은 가장 아래부터 쌓이게 되고, 가장 맨 위에(마지막에 들어온) 있는 값이 가장 먼저 삭제된다. (LIFO)삽

index로 임의의 원소를 접근할 수 있다.연산자 \[]로 접근할 수 있다. 상수시간(O(1))에 값을 알 수 있다.삽입: push, shift삭제: pop, unshift제한된 접근(삽입,삭제)만 허용한다.LIFO(Last In First Out)마지막에 들어간 것이

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하며 정리했습니다. 🙏🏻 가장 기본적인 순차적인(순서대로) 자료구조메모리 구조와 동작 방식에서 차이가 있음배열은 index를 이용해 특정 위치의 값을 상수시간 내에 읽고 쓸 수 있게 해주는 자료구조이다.리스트는

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하며 정리했습니다. 🙏🏻Algorithm1(arrayMax): T1(n) = 2n - 1Algorithm2(sum1): T2(n) = 4n + 1Algorithm3(sum2): T3(n) = (3/2)n2 - (

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하며 작성되어 있습니다. 🙏🏻모든 입력에 대해 기본연산 횟수를 더한 후 평균(현실적으로 불가능)가장 안 좋은 입력(Worstcase input)에 대한 기본 연산 횟수를 측정(worstcase time compl

해당 자료는 유튜브 신찬수 한국외대 교수님 강의를 시청하며 작성되어 있습니다. 🙏🏻자료구조와 이를 해결하기 위한 알고리즘이 어느 정도의 성능을 보이는지 측정하고 비교해보자."자료구조"와 "알고리즘"을 생각하여 코드(C, Javascript, Python 등)로 구현

작년 9월에 퇴사를 하고 올해부터 다시 이직준비를 하고 있다.🔥올해는 벌써 상반기가 끝났고 하반기를 앞두고 있지만 여전히 코딩테스트는 어렵고, 이력서는 n번째 수정중이며 잘하고 있는지 불안한건 똑같다 🥲코딩테스트 합격자 되기 자바스크립트편 도서를 추천받아 읽으면서

자료 (Data Structure), 알고리즘(Algorithm) 자료구조 자료는 즉 data를 말하며 해당 데이터를 담는 저장공간(memory)이 필요 => 데이터 값의 모임 저장된 데이터를 효과적으로 "읽기, 쓰기, 삽입,삭제, 탐색"와 같은 연산을 제공하여

arr은 자연수를 담은 배열입니다.정수 i, j에 대해 i ≠ j 이면 arri ≠ arrj 입니다.divisor는 자연수입니다.array는 길이 1 이상인 배열입니다.arr의 원소 중 5로 나누어 떨어지는 원소는 5와 10입니다. 따라서 5, 10을 리턴합니다.arr

left부터 right사이에 있는 숫자를 확인해야하므로 반복문으로 작성한다.가독성을 위해 countFn으로 따로 함수를 만든다.countFn함수는 약수의 개수를 구하는 함수이다.약수의 개수가 짝수이면 answer에 약수의 개수가 짝수인 값을 더하고 홀수라면 뺀다.

놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요.단, 금액이 부족하지 않으면 0을 return 하세요.입출력 예입출력 예 설명이용금액이 3인 놀이기구를 4번 타고 싶은 고객이

브라우저 저장소의 종류는 크게 Cookie와 WebStorage로 나눠지고 Webstorage는 localStorage와 sessionStorage로 이루어져 있다.cookie를 설정하면 이후 모든 요청은 쿠키정보를 포함하여 서버로 전송된다. => 불필요한 트래픽을 발