JavaScript에서 중첩된(nested) 객체 내부의 특정 키 값을 변경하려면 점(.) 표기법과 대괄호([]) 표기법을 함께 사용하면 됩니다.객체의 속성에 접근할 때는 일반적으로 점 표기법을 사용하지만, 배열 요소나 동적인 키 이름에 접근할 때는 대괄호 표기법이 유용합니다. 이 두 가지 방식을 조합하면 깊이 중첩된 구조의 값도 쉽게 수정할 수 있습니다.예제 코드아래 예제는 여러 겹으로 중첩된 객체와 배열 안에 있는 isMarried 값을 모두 true로 변경하는 코드입니다.var details = { customer: {
JavaScript에서 복잡한 문자열을 다룰 때, 정규 표현식(Regular Expression)을 활용하면 특정 패턴의 문자열을 손쉽게 추출할 수 있습니다. 이번 글에서는 문자열 중 완전히 숫자로만 이루어지지 않은 값을 찾아내는 방법을 알아보겠습니다.예제 문자열다음과 같이 여러 형태의 값이 섞여 있는 복잡한 문자열이 있다고 가정해 보겠습니다.var values = studentId:100001,studentName:John Smith,isTopper:true,uniqueId:10001J-10001,marks:78,newId:467
핵심 방법: .data() 메서드 활용JavaScript에서 배열에 담긴 모든 값을 웹 페이지의 <p> 태그에 한 번에 표시하려면 D3.js의 .data(anyArrayObject) 메서드를 활용하는 것이 가장 간편합니다. 이 메서드는 배열의 각 요소를 DOM 요소에 바인딩(결합)해 주기 때문에, 반복문 없이도 데이터 개수만큼 자동으로 태그를 생성하고 값을 출력할 수 있습니다.다음은 전체 예제 코드입니다.예제 코드<!DOCTYPE html> <html lang="en"> <he
JavaScript에서 특정 요소의 자식 노드 개수를 확인하려면 children.length 속성을 사용하면 됩니다. 이 속성은 해당 요소 안에 포함된 자식 요소(HTML 요소 노드)의 총 개수를 숫자 값으로 반환합니다. 아래 예제에서는 document.getElementById(subjectName).parentNode를 통해 특정 <li> 요소의 부모인 <ul> 요소를 가져온 뒤, children.length로 그 안에 들어 있는 자식 요소의 개수를 출력합니다. 예제 코드 <!DOCTYPE html&
문제 상황다음과 같은 문자열이 있다고 가정해 보겠습니다.var sentence = My Name is John, Smith I live in US;console.log(The original value=+sentence);여기서 우리가 해야 할 작업은 쉼표 바로 뒤에 오는 단어까지만 남기고, 그 이후의 텍스트를 모두 제거하는 것입니다. 즉, I live in US 부분을 삭제하고 나머지는 그대로 유지하는 것이 목표입니다.결과적으로 얻고자 하는 문자열은 다음과 같습니다.My Name is John, Smith해결 방법: match()
버튼을 클릭할 때마다 10씩 증가하는 값을 만들려면 jQuery의 click() 메서드와 자바스크립트의 parseInt() 함수를 함께 사용하면 됩니다.예제<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title&
JavaScript에서 특정 조건을 검사한 후 배열에 새 객체나 속성을 추가하려면 filter() 메서드와 map() 메서드를 함께 활용할 수 있습니다. 예제 const details =[ { customerName: John, customerCountryName: UK, isMarried :true }, { customerName: David, customerCountryName: AUS, isMarried :false }, { customerName: Mike
JavaScript에서 객체 배열로 작업하다 보면 전체 배열이 아니라 특정 조건에 맞는 값들만 골라내야 하는 경우가 자주 있습니다. 이럴 때 가장 유용하게 활용할 수 있는 것이 바로 filter() 메서드입니다.예제 데이터 준비먼저 다음과 같은 학생 정보를 담은 객체 배열이 있다고 가정해 보겠습니다.var details = [{ studentName: John, studentMarks: 92 }, { studentName: David, studentMarks: 89 }, { studentName:
JavaScript 배열에서 임의의 값을 선택하려면 Math.random() 메서드를 활용하면 됩니다. 이 글에서는 Fisher-Yates 셔플 알고리즘을 응용해 배열 전체를 무작위로 섞은 뒤, 원하는 개수만큼 임의의 값을 추출하는 방법을 예제와 함께 살펴봅니다.예제 코드var subjectNames = ["Javascript", "MySQL", "Java", "MongoDB", "Python", "Spring Framework&quo
배열이나 객체에서 특정 값을 제외한 나머지 데이터만 추출하고 싶다면, if 조건문 안에 논리 NOT(!) 연산자를 활용하면 됩니다. 조건이 거짓일 때(즉, 제외하려는 값이 아닐 때)만 원하는 코드가 실행되도록 만드는 방식입니다.예제 코드아래 예제에서는 고객 정보 배열에서 국가명이 AUS인 고객은 건너뛰고, 나머지 고객의 국가명만 콘솔에 출력합니다.var customerDetails = [ { customerName: John, customerAge: 28, customerCountr
좌표 데이터를 다루다 보면 위도와 경도가 하나의 문자열로 합쳐져 있는 경우를 자주 만나게 됩니다. 예를 들어 다음과 같은 문자열 배열이 있다고 가정해 보겠습니다.var listOfStrings = [10.45322,-6.8766363, 78.93664664,-9.74646646, 7888.7664664,-10.64664632];이처럼 쉼표(,)로 구분된 문자열 좌표들을 위도(latitude)와 경도(longitude)라는 두 개의 별도 부동소수점(float) 배열로 변환하려면, JavaScript의 split() 메서드와 map()
데이터를 다루다 보면 id 값이 숫자, 빈 문자열(), null 등 다양한 형태로 섞여 있는 배열에서 특정 ID에 해당하는 레코드만 골라내야 하는 경우가 자주 있습니다. 이럴 때 JavaScript의 filter() 메서드를 활용하면 간단하고 깔끔하게 해결할 수 있습니다.예제 데이터다음과 같이 id 값이 비어 있거나 null인 항목이 포함된 객체 배열이 있다고 가정해 보겠습니다.var details=[ {id:101,name:John,age:21},
DB2 컬렉션(Collection)이란?DB2에서 컬렉션은 패키지들을 그룹으로 묶기 위해 사용되는 물리적 단위입니다. 쉽게 말해 컬렉션은 여러 개의 DB2 패키지를 하나의 집합으로 관리할 수 있게 해주는 개념이라고 할 수 있습니다.컬렉션을 활용하면 동일한 DBRM(DB Request Module)을 서로 다른 패키지에 바인드할 수 있습니다. 이를 통해 환경별로 같은 SQL 코드를 재사용하면서도 각각 독립된 패키지로 체계적으로 관리할 수 있습니다.FREE PACKAGE 명령어로 컬렉션 전체 패키지 삭제하기특정 컬렉션에 속한 모든 DB
웹 개발을 하다 보면 사용자가 <select> 드롭다운에서 선택한 값이 특정 배열에 포함되어 있는지 확인해야 하는 경우가 자주 있습니다. 이번 글에서는 jQuery의 change 이벤트와 $.inArray() 메서드를 활용해 선택된 값이 배열에 존재하는지 판별하고, 그 결과를 브라우저 콘솔에 출력하는 방법을 알아보겠습니다.예제용 드롭다운 준비하기먼저 다음과 같은 드롭다운 목록이 있다고 가정해 보겠습니다.<select> <option>John</option>
JavaScript에서 문자열의 첫 글자만 대문자로 바꾸고 싶다면 toUpperCase() 메서드를 활용하면 됩니다. 문자열 전체가 아닌 첫 글자 하나만 변환하면 되기 때문에, 해당 위치의 문자를 가져오는 charAt(0) 메서드와 함께 사용하는 것이 핵심입니다.동작 원리charAt(0)으로 문자열의 인덱스 0에 해당하는 첫 번째 문자를 추출한 뒤 toUpperCase()로 대문자로 변환하고, 나머지 부분은 slice(1)로 그대로 이어 붙이는 방식입니다.예제 코드function replaceWithTheCapitalLetter(v
JavaScript에서는 map() 메서드를 활용하면 첫 번째 배열(기준 배열)이 정한 순서대로 객체의 값을 추출하여 새로운 배열을 만들 수 있습니다.객체와 배열 준비하기먼저 다음과 같은 객체가 있다고 가정해 보겠습니다.var lastName = { John: Smith, David: Miller, Bob: Taylor }그리고 값의 순서를 결정할 기준이 되는 배열은 다음과 같습니다.var firstName = [ Bob, John, David ]map()으로 원하는 순서대로 값 가져오기f
JavaScript에서 하나의 정수를 주어진 개수만큼 최대한 균등하게 나누려면 나머지 연산자(%), 즉 모듈러 연산자와 나눗셈을 함께 활용하면 됩니다. 값이 정확히 나누어 떨어지면 모든 조각의 크기가 같아지고, 나머지가 남는 경우에는 일부 조각에 1씩 추가로 분배하는 방식입니다. 예제 코드 var divideInteger = function(value, divide) { var num; var modular = value % divide; &n
다음과 같은 라디오 버튼 그룹이 있다고 가정해 보겠습니다.<label> Gender: <input type="radio" name="gender" value="Male" />Male <input type="radio" name="gender" value="Female" checked/>Female </label>라디
JSON 데이터를 사람이 읽기 쉬운 형태로 정렬하려면 JSON.parse()와 JSON.stringify()를 함께 사용하면 됩니다. JSON.parse()로 문자열을 객체로 변환한 뒤, JSON.stringify()의 세 번째 인자(들여쓰기 공백 수)를 지정해 다시 문자열로 변환하면 들여쓰기가 적용된 보기 좋은 JSON을 얻을 수 있습니다.예제 코드<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"&
console.log()에서 새 줄(줄바꿈) 사용하기네, 가능합니다. JavaScript에서는 console.log() 안에 이스케이프 시퀀스인 \n을 사용하면 콘솔 출력 시 줄바꿈을 적용할 수 있습니다. \n은 new line을 의미하며, 문자열 중간에 삽입되면 해당 위치부터 새로운 줄로 이동합니다.다음은 객체 정보를 출력할 때 \n으로 줄바꿈을 적용한 예제입니다.예제 코드const studentDetailsObject = new Object(); studentDetailsObject.name = David; studentDeta