DATA101

💡 목표 JavaScript에서 배열 인덱싱을 통해 원소를 출력, 제거, 추가하는 방법에 대해 학습한다. 1. slice 함수: 특정 구간 인덱스의 원소 반환 함수 원형 배열.slice(시작 인덱스, 끝 인덱스) slice 함수는 특정 구간의 인덱스에 해당하는 원소를 반환합니다. 2개의 정수형 매개변수를 전달하는데 각각 시작 인덱스, 끝 인덱스입니다. 특히, 끝점 인덱스는 포함하지 않기 때문에, 원소를 추출하는 구간을 수학적으로 표현하면 [시작점, 끝점)입니다. 예제 코드 let arr1 = [1, 2, 3, 4, 5, 6, 7, 8]; let arrSlice = arr1.slice(2, 6); // [start, end) 구간 인덱싱 console.log(arrSlice); // 3, 4, 5, 6 위..

💡 학습 목표 JavaScript에서 현재 시각 정보(연, 월, 일, 요일, 시, 분, 초) 가져오는 방법을 익힌다. Date 객체 생성 및 타입 확인 Date 객체는 현재 시각의 연, 월, 일, 요일, 시, 분, 초 정보를 제공합니다. let date = new Date(); console.log(date); console.log(typeof date); // 괄호 생략 가능 실행 결과 C:\Program Files\nodejs\node.exe .\sample01.js Mon Nov 29 2021 16:17:23 GMT+0900 (GMT+09:00) object 필요한 시간 정보만 가져오기 Date 객체는 getFullYear, getDay 등의 메서드를 활용하면 연도, 월, 일 등 원하는 정보만 따로..

💡 목표 JavaScript에서 배열 내 특정 원소의 인덱스 추출 방법을 학습한다. 1. indexOf 함수: 배열 앞에서부터 원소 위치 탐색 let arr1 = ['tiger', 'lion', 'cat', 'dog', 'cat']; console.log(arr1.indexOf('cat')); // 찾은 경우 인덱스 반환: 2 console.log(arr1.indexOf('rabbit')); // 못 찾은 경우 -1 indexOf 함수는 배열 맨 앞에서부터(인덱스 [0]) 특정 원소의 위치를 탐색하고, 배열 내 해당 원소가 있다면 가장 먼저 발견된 인덱스를 반환합니다. 단, 만약 배열 내 해당 원소가 없다면 -1을 반환합니다. 위 예제 코드에서는 3번째 위치에 있는 원소의 인덱스 2를 반환합니다. 2. ..

💡 목표 JavaScript에서 배열을 정렬하는 방법에 대해 학습한다. 1. *Reverse 함수: 원소 반대로 나열 let arr1 = [1, 2, 3, 4]; 위와 같이 배열 객체를 생성하는 동시에 초기화했습니다. let arrReverse = arr1.reverse(); console.log(arr1); // [ 4, 3, 2, 1 ] console.log(arrReverse); [ 4, 3, 2, 1 ] Reverse 함수는 배열의 원소를 거꾸로 나열하며 원본 데이터까지 수정합니다. 즉, reverse 함수의 반환된 데이터뿐만 아니라 원본 데이터인 배열 arr의 원소 역시 반대로 나열됩니다. 2. sort 함수: 정렬 함수 정의 필요 2.1. 배열 정렬 let arr2 = [103, 273, 32..

💡 목표 JavaScript에서 배열의 원소 추가/삭제하는 방법에 대해 이해한다. 들어가며 배열 선언 const arr = [80, 20, 10, 99, 1234]; 위와 같이 배열 객체를 생성하는 동시에 초기화했습니다. 1. concat 함수: 배열 간 병합 let arrConcat = arr.concat(5678); console.log("arr: ", arr); // [ 80, 20, 10, 99, 1234 ] console.log("arrConcat: ", arrConcat); // [ 80, 20, 10, 99, 1234, 5678 ] consoloe.log('----------------------------'); arrConcat = arr.concat([111, 222]); console...

💡 목표 JavaScript에서 배열의 원소 추가/삭제하는 방법에 대해 이해한다. 들어가며 배열 선언 const arr = [80, 20, 10, 15]; 위와 같이 배열 객체를 생성하는 동시에 초기화했습니다. 함수 구분 원본 데이터 수정여부에 따라 함수 종류를 구분할 수 있습니다. 설명에 있어 함수 이름 앞에 *을 붙인 경우는 원본 데이터를 수정하는 함수이며, *를 붙이지 않은 함수는 원본 데이터를 수정하지 않습니다. 1. *pop 함수: 맨 뒤 원소 제거 // arr = [80, 20, 10, 15]; console.log(arr.pop()); // 15 console.log(arr); // [ 80, 20, 10 ] pop 함수는 배열 맨 뒤의 원소 1개를 제거하며, 제거한 원소를 리턴합니다. 2...

💡 학습 목표 자바스크립트에서 var 타입과 let 타입 간의 차이점을 이해한다. 차이점 1. 변수 재선언 가능여부 첫 번째 차이점은 변수 재선언 가능여부입니다. var 타입은 변수 선언 이후에 같은 변수명으로 재선언이 가능하지만, let 타입은 변수 선언 이후에 같은 변수명으로 재선언이 불가능합니다. var show = 10; console.log(typeof(show)); var show = "코끼리"; console.log(typeof(show)); let same = 30; same = "독수리"; 차이점 2. 지역성 유지여부 두 번째 차이점은 지역성 유지여부입니다. var 타입은 지역성을 유지하지 않아 모든 변수를 전역 변수로 사용할 수 있는 반면, let 타입은 지역성을 유지하기 때문에 지역변..

VS Code에서 자동 들여쓰기, 디버깅, 브레이크포인트를 찍는 단축키를 공유합니다. 아래 단축키를 잘 숙지하시면 프로그램을 유지보수하는 데 매우 유용합니다. 단축키 설명 F5 디버깅 F9 (커서있는 라인) 브레이크 포인트 찍기 F10 한줄씩(Next) 디버깅 Shift + F5 디버깅 종료 Ctrl + K + F 자동 들여쓰기 포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요! 그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다. 고맙습니다 :-)