[JS] 배열 메서드를 알아보자
·
Front-end/Javascript
개요배열 메서드는 배열 데이터를 처리하기 위해 다양한 기능을 제공한다우리는 프로그래밍을 하면서 배열을 다뤄야될 때가 많기 때문에 자주 사용하는 메서드를 익혀둘 필요가 있다 배열 메서드에는 여러가지의 기능이 존재하는데크게 변경 메서드, 비변경 메서드로 나뉜다  변경 메서드(Mutable)변경 메서드를 사용하면 배열의 원본 데이터 자체를 변경한다 push(newItem)배열 끝에 1개 이상의 요소를 추가하고, 배열의 새로운 길이를 반환하다const coffees = ['Americano', 'Latte'];coffees.push('Mocha');console.log(coffees); // ['Americano', 'Latte', 'Mocha'] pop()배열의 마지막 요소를 삭제하고, 그 요소를 반환한다co..
[JS] this에 대해 알아보자
·
Front-end/Javascript
개념this란?this를 사용하는 환경에 따라 this가 가리키는 것이 달라진다- this 안에는 호출을 누가 했는지에 대한 정보가 담긴다 전역 공간에서의 this전역 공간에서의 this = 전역 객체 전역 공간에서의 this는 전역 객체를 가리킨다프로그램이 구동되는 환경에 따라 전역 객체도 달라진다 브라우저 환경일 경우, this = windowVS code의 환경 node일 경우, this = global 📌 Runtime프로그램이 구동 중인 환경VS code를 사용하고 있을 때, Runtime = node 환경크롬을 사용하고 있을 때,  Runtime = 브라우저 환경 Method로서 호출할 때 Method 내부의 thismethod의 this = 호출의 주체var obj = { method: f..
[JS] 반복문(Loop)
·
Front-end/Javascript
반복문특정 조건을 만족하면 해당 로직을 계속 실행한다 for 문for (초기값; 조건식; 증감식) {} 1. 어떤 값부터 시작할래? : let i = 02. 어떤 값이면 멈출래? i 3. 다음번에 이 값을 어떻게 할래? : i++for (let i = 0; i  for - in 문객체의 속성을 출력할 수 있다let person = { name: "Bob", age: 30, gender: "male",};for (let key in person) { console.log(key + " : " + person[key]);} while 문for문과 달리 () 안에 언제까지 로직을 실행할 것인지에 대한 조건만 전달한다- while문 바깥 쪽에서 변수를 선언하고 값을 할당한다- {} 안에서 다음 로직에 값..
[JS] 조건문(Conditional Statement)
·
Front-end/Javascript
조건문특정 조건값이 true이면 하위 로직을 실행한다 If 문if의 조건이 true이면 if 내의 로직을 실행한다let x = 10// x는 0보다 크기 때문에 하위 로직을 실행함if (x > 0) { //main logic console.log("x는 양수입니다."); // 결과: "x는 양수입니다"} If-else 문if의 조건이 true이면 if 내의 로직을 실행하고 아니면 else 내의 로직을 실행한다let x = -2;// x는 0보다 작기 때문에 else의 로직을 실행함if (x > 0) { console.log("x는 양수입니다.");} else { console.log("x는 0이거나 음수입니다."); // 결과: x는 0이거나 음수입니다.} If-else if-else 문if의 조..
[JS] 함수(Function)
·
Front-end/Javascript
함수input과 output을 가지고 있는 기능의 단위// 기본 형태function () {}// 예시: a와 b를 더하는 기능을 가진 함수 addfunction add(a, b) { return a + b;}// 함수이름: add// 매개변수: a, b// 반환값: a + b 📌 함수에서 가장 중요한 것1. 함수 이름2. 매개변수3. 반환값- 호출 시점에 선언이 되어있는 매개변수를 가진다 => 그때 return 값이 반환된다  함수 표현 방법01 함수 선언식function이라는 키워드를 통해 함수를 선언한다function add(a, b) { return a + b;} 02 함수 표현식📌 기본 형태let add = function (a, b) { return a + b;} 📌 화살표 함수화살표 ..
[JS] 연산자(Operator)
·
Front-end/Javascript
산술 연산자01 덧셈 ( + )let result = 1 + 1; // 결과: 2 02 뺄셈  ( - )let result = 3 - 1; // 결과: 2 03 곱셉 ( * )let result = 3 * 5; // 결과: 15 04 나눗셈  ( / )let result = 6 / 3; // 결과: 2 05 나머지 ( % )let result = 5 % 2; // 결과: 1  할당 연산자01 등호 연산자 ( = )let coffee = "Latte"; 02 복합 할당 연산자// 자주 사용함x += 5; // x = x + 5x -= 5; // x = x - 5// 자주 사용하지 않음x *= 5; // x = x * 5x /= 5; // x = x / 5x %= 5; // x = x % 5  비교 연산자t..