DATA101

💡 목표 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; // 멤버 변수(필드) // ----필드 끝---- // ----멤버 ..

💡 학습 목표 JavaScript에서 변수 간 값과 타입을 비교하는 연산자 종류와 활용 방법에 대해 이해한다. 변수 선언 숫자형의 변수 a와 문자열의 변수 b가 있습니다. a = 123 // 숫자형 b = '123' // 문자열 변수 간 값이나 타입을 비교할 때는 '=='과 '===' 기호를 활용합니다. 각각 알아보겠습니다. 1. 값 비교(==) 두 변수 a, b의 값만 비교할 때는 '==' 기호를 활용합니다. conosole.log(a == b); 실행결과 두 변수의 타입은 숫자형과 문자형이지만 값은 같기 때문에 true가 반환되는 것을 확인할 수 있습니다. true 2. 값 & 타입 비교(===) 값뿐만 아니라 변수 타입까지 비교할 때는 '===' 기호를 활용합니다. conosole.log(a ===..

💡 학습목표 자바스크립트에서 변수 선언 방법 및 변수 타입 확인 방법을 학습한다. 목차 1. 변수 선언 타입 3가지 1) var 타입 2) let 타입 3) const 타입 2. 변수 타입 확인: typeof() 1. 변수 선언 타입 3가지 자바스크립트에서 변수를 선언할 때는 var, let, const 중 하나를 사용합니다. 1) var 타입 지금으로부터 5~6년 전에만 해도 var 타입을 사용해서 변수를 선언하였습니다. 하지만 최근에는 var 타입은 사용하지 않고 let 타입을 사용합니다. var a = 10; var b = '호랑이'; var c = true; console.log(a, b, c); 실행결과 C:\Program Files\nodejs\node.exe .\sample01.js 10 호..

JavaScript에서 조건문이 단문인(1 line) 경우 더욱 간결하게 작성하는 방법이 있습니다. 대중적으로 사용되는 구문이니 참고하시길 바랍니다. 일반적인 조건문 아래 코드는 조건문 작성의 정석 코드라고 볼 수 있죠. 다음과 같이 조건문 scope 안에 코드가 단문일 경우 더욱 간결하게 작성하는 방법이 있습니다. let num = 100; if (num > 50){ console.log(num); } 클린 코드 && 연산자를 활용하여 조건식을 연산자 좌측에, 조건문 내 실행문을 연산자 우측에 작성하면 됩니다. let num = 100; num > 50 && console.log(num); 위 코드를 처음 보는 분들은 다소 어색해하실 수 있지만, 실무에서도 대중적으로 사용되는 구문이니 참고하시어 활용하..