DATA101

💡 목표 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 자동 들여쓰기 포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요! 그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다. 고맙습니다 :-)

👨‍💻 에러 메시지 node : 'node' 용어가 cmdlet, 함수, 스 크립트 파일 또는 실행할 수 있는 프로 그램 이름으로 인식되지 않습니다. 👀 에러 상황 VS Code 터미널에서 node 명령어를 활용하여 JavaScript 파일을 실행했더니 에러가 발생했습니다. 사실 JavaScript에 국한된 문제는 아닙니다. 👻 원인 원인은 아래와 같이 기본 터미널이 powershell로 설정되어 있기 때문입니다. 💡 해결방법 Step 1 VS Code 기본 터미널을 변경해 주어야 합니다. VS Code 창에서 키보드 Ctrl + Shift + p를 눌러줍니다. Step 2 아래와 같은 창에 Select Default Profile을 입력하고 엔터 키를 눌러줍니다. Step 3 아래와 같이 Command..

💡목표 JavaScript에서 생성자 함수의 활용법에 대해 이해한다. 생성자 함수 정의 Java, Python 등 여러 프로그래밍 언어에서 사용하는 클래스(Class)가 JavaScript에서 곧 생성자(Constructor)입니다. JavaScript에서는 함수명의 첫 글자를 대문자로 표시하여 생성자를 정의합니다. 일반적인 클래스와 마찬가지로 생성자 함수는 필드, 함수를 포함합니다. 예시 코드 아래 예시 코드와 함께 살펴보겠습니다. // 함수명의 첫 글자가 대문자인 경우 = 생성자 함수 function ConstructorExample(){ // ----필드 시작---- this.name = 'Tony'; this.age = 20; // 멤버 변수(필드) // ----필드 끝---- // ----멤버 ..