개발💻/JavaScript

오늘은 자바스크립트의 배열과 객체에 대해 알아보자! 배열(Array) 키와 속성들을 담고 있는 참조 타입의 객체 순서를 보장하는 특징이 있음 주로 대괄호([])를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능 배열의 길이는 array.length 형태로 접근 가능 배열의 마지막 원소는 array.length -1 로 접근 배열 메서드 array.reverse() 원본 배열 요소들의 순서를 반대로 정렬 array.push() 배열의 가장 뒤에 요소 추가 array.pop() 배열의 마지막 요소 제거 array.includes(value) 배열에 특정 값(value)이 존재하는지 판별 후 true 또는 false 반환 array.indexOf(value) 배열에 특정 값이 존재하는..

오늘은 함수에 대해 알아보자~~ 함수의 정의 함수 선언식(Function declaration) 일반적인 프로그래밍 언어의 함수 정의 방식 function add(num1, num2) { return num1 + num2 } add(2, 7) //9 함수 표현식(Function expression) 표현식 내에서 함수를 정의하는 방식 함수 표현식은 함수의 이름을 생략함 익명 함수로 정의 가능 const sub = function (num1, num2) { return num1 - num2 } sub(7, 2) //5 표현식에서 함수 이름을 명시하는 것도 가능 다만 이 경우 함수 이름은 호출에 사용 되지 못하고 디버깅 용도로 사용됨 const mySub = function namedSub(num1, num..

오늘은 조건문과 반복문에 대해 알아보자 코딩을 하다 보면 조건문과 반복문은 무슨 언어에서든 빠질 수 없는 중요한 거라는 사실은 다들 알고 있을 거다. 그러니 잘 공부해보자... 조건문 if 문 if, else if, else 조건은 소괄호()안에 작성 실행할 코드는 중괄호{}안에 작성 const name = 'manager' if (name === 'admin'){ console.log('관리자님 환영합니다.') } else if (name == 'manager'){ console.log('매니저님 환영합니다.') } else{ console.log(`${name}님 환영합니다.`) } switch 문 표현식의 결과값을 이용한 조건문 표현식의 결과값과 case문의 오른쪽 값을 비교 break 및 defa..

오늘은 자바스크립트 데이터 타입과 연산자에 대해 알아보자~~ 데이터 타입 Number 정수 또는 실수형 숫자를 표현하는 자료형 NaN Not-A-Number(숫자 아님)을 나타냄 Number.isNaN()의 경우 주어진 값의 유형이 Number거나 값이 NaN이면 true, 아니면 false를 반환 String 문자열을 표현하는 자료형 작음 따옴표 또는 큰 따옴표 모두 가능 곱셈, 나눗셈, 뺄셈은 안되지만 덧셈을 통해 문자열을 붙일 수 있음 줄바꿈 하려면 \n 사용 Template Literal을 사용하여 문자열 사이에 변수도 삽입 가능 Template Literal(템플릿 리터럴) 내장된 표현식을 허용하는 문자열 작성 방식 Backtick(``)을 이용 $ 와 중괄호로 표기하여 (${expression..

자바스크립트의 변수와 식별자, 변수선언 키워드, 호이스팅 등에 대해 알아보자~~ 식별자 정의와 특징 식별자는 반드시 문자, $, _ 으로 시작 대소문자 구분, 클래스명 외에는 모두 소문자로 시작 카멜 케이스(camelCase, lower-camel-case) 변수, 객체, 함수에 사용 파스칼 케이스 (PascalCase, upper-camel-case) 클래스, 생성자에 사용 대문자 스네이크 케이스(SNAKE_CASE) 상수에 사용 선언, 초기화, 할당 선언(Declaration) 변수를 생성하는 행위 또는 시점 초기화(Initialization) 선언된 변수에 처음으로 값을 저장하는 행위 또는 시점 변수 객체 값을 위한 공간을 메모리에 할당 이 때 할당되는 값은 undefined 할당(Assignmen..