S Player

1개의 문자열이 있을 때, 어떤 문자 뒤에 다른 문자열을 추가하고 싶을 때가 있습니다. 예를 들어, "A C D"라는 문자열에서 A와 C 사이에 B를 추가하여 "A B C D"라는 문장으로 변경할 수도 있습니다. 문자열의 문자 사이에 다른 문자열을 추가하고 싶을 때는, 문자열을 slice()나 substring() 함수로 분리하고, 그 사이에 다른 문자열을 추가한 뒤에 하나의 문자열로 합치는 과정을 구현하면 됩니다. slice()로 문자열 삽입 str.slice(start, end)는 문자열 str에서 Index start를 포함하고, end를 포함하지 않는 범위의 문자열을 잘라서 리턴합니다. 만약 str.slice(start)로 end를 생략하면 문자열 끝까지 자릅니다. 따라서 아래 예제에서 str.s..

숫자로 구성된 문자열을 받았을 때, 다른 숫자와 연산을 하기 위해 number 타입으로 변환해야 하는 경우가 있습니다. 또는 숫자의 크기를 비교하기 위해 number 타입으로 변환하거나요. 대표적으로 3가지 방법이 있는데 예제와 함께 자세히 알아보겠습니다. parseInt()로 string을 number로 변환 parseInt(string)은 string을 number 타입으로 변환합니다. "typeof 변수"는 변수의 타입을 리턴하는데, 이것을 이용하여 타입이 실제로 number로 변경되었는지 확인해 볼 수 있습니다. let strN = "12"; let number = parseInt(strN); console.log(number); console.log(typeof number); Output: 1..

Call stack(stack trace)를 출력하여 에러 로그를 출력하고, 디버깅하는 방법을 소개합니다. 가장 간단한 방법으로 로그(console.log())를 출력하여 특정 시간에 어떤 변수가 어떤 값을 갖고 있는지 확인할 수 있고, 문제 원인을 확인해볼 수 있습니다. 그런데 만약 어떤 함수가 호출되서 문제가 발생했는데, 어떤 경로로 호출되었는지 알고 싶을 때 로그 한줄만으로 찾기 어려울 수 있습니다. 이럴 때, Call stack을 출력하여 해당 코드까지 어떤 stack으로 함수가 호출되었는지 확인할 수 있습니다. console.trace()으로 콜스택 출력 console.trace(message)는 message와 함께 콜스택을 출력합니다. 콜스택을 출력하면 해당 코드 위치까지 어떤 스택으로 함수..

배열 [1, 2, 3, 4]가 있을 때, 마지막 값(4)을 제거하는 방법을 소개합니다. 값을 제거하면 배열의 길이도 함께 줄어듭니다. 배열의 마지막 값을 읽고 배열에서 제거하고, 다음 마지막을 읽고 다시 제거하는 방식으로 어떤 프로그램을 만들 수 있습니다. 또는 배열에서 단순히 마지막 값이 불필요하여 제거할 수도 있습니다. pop()으로 배열 마지막 값 제거 array.pop()은 배열 array의 마지막 값을 배열에서 제거하고, 그 값을 리턴합니다. 아래 예제를 보면, pop()은 배열 마지막 값 8을 리턴하였고, 8은 배열에서 제거되었습니다. pop()을 다시 호출하면, 배열의 마지막 값이 다시 제거됩니다. const array = [1, 2, 3, 4, 5, 6, 7, 8]; const remove..

배열 "[1, 2, 3, 4]"가 있을 때, 첫번째 값 1을 배열에서 제거하는 방법을 소개합니다. 어떤 배열에서 첫번째 값은 불필요하여 항상 제거해야 하거나, Queue처럼 배열의 첫번째 값을 읽고 제거하고, 다시 첫번째 값을 읽고 제거하는 일이 있을 수 있습니다. 첫번째 요소를 제거하면 배열의 길이가 1만큼 줄어들게 되는데, 예제와 함께 어떻게 구현하는지 알아보겠습니다. slice()로 배열 첫번째 값 제거 slice(N)은 배열에서 Index N부터 끝까지 범위를 잘라서 새로운 배열로 리턴합니다. 예를 들어, 아래 예제에서 arr.slice(1)은 배열의 Index 1인 "2"부터 배열의 끝인 "7"까지 범위, 즉 2~7까지의 값들을 새로운 배열에 담아 리턴합니다. 코드 실행 결과를 보면 예상한대로 ..

두개의 배열을 하나의 배열로 합칠 때, 중복 값을 제거하는 방법에 대해서 알아보겠습니다. 예를 들어, 두개의 배열에 존재하는 모든 값들을 확인하여 어떤 처리를 해야하는 경우가 있을 수 있습니다. 이럴 때 하나의 배열로 합쳐서 for문으로 모든 요소를 순회하면서 처리하면 되는데, 중복 값들이 포함될 수 있습니다. 따라서, 하나의 배열로 합칠 때 중복을 제거하여 합치면 중복 값에 대해서 처리하지 않아도 됩니다. Set로 배열 중복 제거 Set는 중복을 허용하지 않는 자료구조입니다. 따라서 Set에 값들을 추가하면 중복 값들은 추가가 되지 않습니다. 이것을 이용하여 두 배열의 중복 값을 쉽게 제거할 수 있습니다. 아이디어는 다음과 같습니다. Set에 두 배열의 모든 값을 추가 Set를 배열로 변환 그리고, 아..

숫자 "123"이 있을 때, 7자리로 표현하면서 앞을 0으로 채우거나 뒤를 0으로 채워야 하는 경우가 있을 수 있습니다. 예를 들어, "123"은 "0000123" 처럼 앞을 0으로 채울 수 있고 또는 "1230000"으로 뒤를 0으로 채워 7자리를 만들 수 있습니다. 숫자 앞, 또는 뒤에 0으로 특정 자리수 만큼 채우는 방법에 대해서 알아보겠습니다. 숫자 앞 0으로 채우기 string.padStart(N, A)은 문자열 string의 N자리에서 비어있는 부분을 A로 채웁니다. 예를 들어, string의 길이가 1이면, 길이가 N이 될 때까지 A 반복하여 채웁니다. 아래 예제에서 숫자가 8이면, padStart(5, "0")는 5자리를 맞추기 위해 0을 4개 추가하여 "00008"을 리턴합니다. 아래 예..

개발을 하다 보면 두 개의 날짜/시간을 비교하는 경우가 많이 발생합니다. 오늘이 특정 날짜인지, 아직 지나가지 않았는지 확인할 수도 있고, 날짜들을 비교하여 시간 순서대로 정렬할 수도 있습니다. 이 글에서는 두 날짜/시간의 크기를 비교하는 방법에 대해서 알아보겠습니다. 날짜/시간 비교 - 비교 연산자 비교 연산자(, =, >=, d2) { console.log("d1은 d2 이후 날짜"); } else { console.log("d1과 d2는 같은 날짜"); } Output: d1은 d2 이전 날짜 아래 코드도 두개의 Date 객체를 비교하는데, Date는 날짜와 시간 정보를 함께 갖고 있습니다. const d1 = new Date("2023-10-17 12:20:30"); const d2 = new D..