JavaScript에서 배열을 다루다 보면 문자열 값과 함께 null 또는 undefined 같은 nullish(널리시) 값이 섞여 있는 경우가 자주 있습니다.이런 배열을 그대로 join() 메서드로 합치면 원하지 않는 구분자나빈 공백이 남게 됩니다. 따라서 nullish 값을 제외하고 나머지 값들만 이어 붙여 하나의 문자열을 만드는 함수를 작성해야 합니다.문제 상황다음과 같이 null, undefined, 빈 문자열, 숫자 0까지 섞여 있는 배열이 있다고 가정해 보겠습니다.const arr = [Here, is, null, an,
이번 포스팅에서는 문자열 배열을 입력받아, 같은 첫 글자로 시작하는 문자열 중 하나를 삭제하는 JavaScript 함수를 작성해 보겠습니다.예를 들어 다음과 같은 배열이 있다고 가정해 봅시다.const arr = [Apple, Jack, Army, Car, Jason];위 배열에서 Apple과 Army는 모두 A로 시작하고, Jack과 Jason은 모두 J로 시작합니다. 따라서 각 그룹에서 하나의 문자열만 남기고 나머지는 삭제해야 합니다. 즉, 결과적으로 각 첫 글자에 해당하는 문자열은 배열에 하나씩만 존재하게 됩니다.구현 코드이
두 개의 숫자 m(곱)과 n(합)을 매개변수로 받아, 두 수의 합이 n이고 곱이 m이 되는 숫자 쌍을 배열로 반환하는 JavaScript 함수를 작성해 보겠습니다. 만약 조건을 만족하는 숫자 쌍이 존재하지 않는다면 함수는 false를 반환해야 합니다.접근 방식가장 직관적인 해결 방법은 완전 탐색(Brute Force)입니다. 첫 번째 숫자를 0부터 n/2까지 반복하면서 확인하고, 두 번째 숫자는 자동으로 (n − i)가 됩니다. 각 반복마다 i × (n − i)의 값이 곱 m과 일치하는지 검사하여, 일치하는 순간 해당 숫자 쌍을 즉
개요이번 글에서는 문자열을 입력받아 인접한 두 단어의 위치를 서로 교환하는 JavaScript 함수를 작성하는 방법을 알아보겠습니다.예를 들어, 입력 문자열이 다음과 같다면 −const str = This is a sample string only;출력 결과는 아래와 같아야 합니다 −is This sample a only string구현 방법이 문제는 split() 메서드로 문자열을 단어 배열로 분리한 뒤, reduce()를 활용해 짝수 인덱스의 단어와 그 다음 단어의 순서를 바꿔가며 새로운 문자열을 조립하는 방식으로 해결할 수 있
3차원 배열에서 가장 큰 숫자 찾기다음과 같은 3차원(중첩) 배열이 있다고 가정해 보겠습니다.var theValuesIn3DArray = [75, [18, 89], [56, [97], [99]]];이처럼 깊이 중첩된 배열에서 최댓값을 구하려면 flat() 메서드와 Math.max()를 함께 사용하는 것이 가장 간단한 방법입니다.핵심 개념flat(Infinity)는 배열의 모든 깊이에 있는 중첩 배열을 한 번에 평탄화(flattening)하여 하나의 1차원 배열로 만들어 줍니다. 이후 전개 연산자(...)를 사용하여 평탄화된 배열의
JavaScript에서 배열에 null이나 undefined 같은 빈 값이 섞여 있을 때, 이를 걸러내고 실제 값만 출력해야 하는 경우가 자주 발생합니다. 이번 글에서는 간단한 조건문 하나로 이를 처리하는 방법을 알아보겠습니다.예제 데이터 준비먼저 일반 값과 함께 null, undefined가 포함된 다음과 같은 배열이 있다고 가정해 보겠습니다.var firstName=[John,null,Mike,David,Bob,undefined];undefined 및 null 검사 방법배열을 순회하면서 각 요소가 undefined가 아닌지 확인
JavaScript에서 특정 시간이 되었을 때 자동으로 함수를 실행하고 싶다면, 먼저 해당 날짜와 시간의 타임스탬프(밀리초)를 추출한 뒤 setTimeout()을 사용하여 함수를 호출하면 됩니다.핵심 원리는 간단합니다. 목표 시각과 현재 시각의 차이를 밀리초 단위로 계산한 후, 그 값을 setTimeout()의 지연 시간으로 지정하는 것입니다. 이렇게 하면 설정한 시각에 정확하게 원하는 함수가 실행됩니다.예제 코드<!DOCTYPE html> <html lang=ko> <head> <meta ch
innerHTML은 JavaScript에서 HTML 요소의 내부 콘텐츠(텍스트와 HTML 태그 모두)를 읽거나 수정할 때 사용하는 대표적인 DOM 속성입니다. 이 속성을 활용하면 웹 페이지를 새로고침하지 않고도 동적으로 화면의 내용을 변경할 수 있습니다. innerHTML 설정 문법 innerHTML을 설정하는 올바른 문법은 다음과 같습니다. document.getElementById("yourIdName").innerHTML="yourValue"; 각 부분의 역할은 아래와 같습니다. docum
JavaScript에서 배열에 빈 문자열이 포함되어 있는지 확인해야 하는 경우가 종종 있습니다. 예를 들어 다음과 같이 값이 채워진 요소와 빈 문자열 요소가 섞여 있는 배열이 있다고 가정해 보겠습니다.studentDetails[2] = Smith; studentDetails[3] = ; studentDetails[4] = UK;빈 문자열 검사의 기본 문법배열에서 빈 문자열을 확인하려면 반복문 안에서 현재 인덱스의 값이 빈 문자열()과 같은지 비교하는 조건문을 사용하면 됩니다. 기본적인 문법은 다음과 같습니다.if(yourArrayO
문제 이해하기배열과 숫자 n을 인자로 받아, 배열의 요소들을 왼쪽으로 n칸 회전시키는 JavaScript 함수를 작성해야 한다고 가정해 보겠습니다.예를 들어, 입력 배열이 다음과 같다면 —const arr = [12, 6, 43, 5, 7, 2, 5];여기서 n이 3이라면, 출력 결과는 다음과 같아야 합니다 —const output = [5, 7, 2, 5, 12, 6, 43];즉, 앞쪽의 3개 요소(12, 6, 43)가 배열의 끝으로 이동하고, 나머지 요소들은 앞으로 당겨지는 방식입니다.구현 코드다음은 이 기
이번 글에서는 세 개의 숫자 A, B, N을 입력받아, N자리 숫자 중에서 짝수 번째 자릿수의 합이 A로 나누어 떨어지고, 홀수 번째 자릿수의 합이 B로 나누어 떨어지는 숫자들을 모두 찾아내는 JavaScript 함수를 작성해 보겠습니다.문제 접근 방식가장 먼저 주어진 숫자의 각 자릿수를 오른쪽부터 분리하면서, 위치 인덱스(0부터 시작)가 짝수인지 홀수인지에 따라 두 개의 합계 변수에 각각 누적하는 재귀 함수를 만듭니다. 그다음 N자리 숫자의 전체 범위(10^(N-1)부터 10^N - 1까지)를 순회하면서 각 숫자가 조건을 만족하는
이번 글에서는 문장(문자열) 안에 특정 문자가 총 몇 번 등장하는지 세는 JavaScript 함수를 작성하는 방법을 알아보겠습니다.접근 방법구현 아이디어는 간단합니다. 문자열을 처음부터 끝까지 for 루프로 순회하면서, 각 위치의 문자가 찾고자 하는 문자와 일치하면 카운트를 1씩 증가시킵니다. 일치하지 않는 경우에는 continue 문을 사용해 현재 반복의 나머지 코드를 건너뛰고 다음 반복으로 바로 이동합니다.예제 코드함수를 직접 작성해 보겠습니다 −const string = This is just an example string
두 수가 서로소(co-prime)라는 것은 두 수 사이에 공통된 소인수가 존재하지 않는다는 의미입니다. 참고로 1은 소수가 아니기 때문에 소인수에 포함되지 않습니다.서로소의 예시4와 5는 서로소입니다 9와 14는 서로소입니다 18과 35는 서로소입니다 21과 57은 공통 소인수인 3을 가지고 있으므로 서로소가 아닙니다문제 정의두 개의 숫자를 인자로 받아, 두 수가 서로소이면 true를, 그렇지 않으면 false를 반환하는 함수를 작성해야 합니다.구현 방법가장 간단한 접근 방식은 두 수 중 작은 값까지의 모든 숫자를 순회하면서, 두
JavaScript에서 배열 데이터의 평균을 구할 때, 유효하지 않은 값(null)은 제외해야 하는 경우가 자주 있습니다. 예를 들어 다음과 같이 객체로 이루어진 배열이 있다고 가정해 보겠습니다.data = [ {Age:26,Level:8}, {Age:37,Level:9}, {Age:32,Level:5}, {Age:31,Level:11}, {Age:null,Level:15}, {Age:null,Level:17}, {Age:null,Level:45} ];여기서 요구 사항은 Age 속성
네, JavaScript에서는 부모 클래스와 자식 클래스에 같은 이름의 메서드를 정의할 수 있습니다.이 경우 자식 클래스의 메서드가 부모 클래스의 메서드를 오버라이드(재정의)합니다. 따라서 자식 클래스의 인스턴스에서 해당 메서드를 호출하면 자식 클래스의 메서드가 실행되고, 부모 클래스의 인스턴스에서 호출하면 부모 클래스의 메서드가 그대로 실행됩니다. 이는 프로토타입 체인에서 가장 가까운 곳에 정의된 메서드가 우선적으로 호출되기 때문입니다.예제class Parent { constructor(
버튼을 한 번 클릭했을 때 여러 개의 체크박스를 동시에 선택하거나 해제하고 싶다면, id 속성과 함께 jQuery() 함수를 활용하면 간단하게 구현할 수 있습니다. 핵심 원리 이 예제에서는 다음과 같은 방식으로 동작합니다. click() 이벤트로 버튼 클릭을 감지합니다. toggleClass()를 사용해 버튼의 상태(선택/해제)를 클래스 존재 여부로 판단합니다. prop(checked, true/false)로 같은 클래스(.isSelected)를 가진 모든 체크박스의 선택 상태를 일괄 변경합니다. 버튼의 텍스트(val())도 현재
다음과 같은 배열이 있다고 가정해 보겠습니다.var subjectNameAlongWithMarks = [ ["JavaScript", 78], ["Java", 56], ["JavaScript", 58], ["MySQL", 77], ["MongoDB", 75], ["Java", 98] ]위 배열에는 과목명이 중복된 항목들이 포함되어 있습니다. 각 항목의 0번째 인덱스(과목명)를 비교하여
테이블에 NULL 값이 삽입되는 것을 방지하려면 값을 입력할 때 조건 검사를 수행해야 합니다. NULL 여부를 확인하는 조건은 다음과 같이 작성합니다.while( !( yourVariableName1==null || yourVariableName2==null || yourVariableName3==null…...N){ // yourStatement1 . . N }위와 같은 논리 구조를 사용하면 어떤 경우에도 NULL 값이 삽입되
Node.js 환경의 JavaScript에서 버퍼(Buffer) 객체를 사람이 읽을 수 있는 문자열로 변환하려면 toString(utf8) 메서드를 사용하면 됩니다. 버퍼는 이진 데이터를 담는 객체이기 때문에 그대로 출력하면 내용을 파악하기 어렵지만, UTF-8 인코딩으로 변환하면 원래의 텍스트를 그대로 되찾을 수 있습니다.버퍼를 문자열로 변환하는 예제 코드다음 코드에서는 버퍼 객체를 생성한 뒤, 이를 다시 원래 문자열로 복원하는 과정을 단계별로 확인할 수 있습니다.var actualBufferObject = Buffer.from(
JavaScript에서 return 키워드를 활용하면 내부에 정의된 함수를 외부로 반환하여 호출할 수 있습니다. 이는 클로저(closure) 개념을 활용한 대표적인 패턴으로, 내부 함수가 외부 함수의 변수에 접근하면서도 캡슐화를 유지할 수 있다는 장점이 있습니다. 다음은 이를 구현한 코드입니다 − 코드 예제 var subtractMethod = function () { var firstValue = 1000, thirdValue = 200; var divideMethod = functi