나만의 작은 도서관

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 함수(function) 함수(function)는 자바스크립트에서 코드를 재사용하고 조직화하기 위해 사용한다. 함수는 특정 작업이나 계산을 수행하는 코드 블록을 나타내며, 이를 호출하여 실행하는 방식으로 동작한다. 함수 내에서 선언한 변수는 외부에서 확인할 수 없다. 단, var는 호이스팅에 의해 전역변수로 취급되므로 예외이다. 함수의 3가지 형태 자바스크립트에서 함수를 표현할 수 있는 방식은 총 3가지다(더 있을 수도 있다). 3가지 방식은 생긴 모습은 다르지만 전부 동일한 기능을 가지고 있다. 물론 3번째 방법인 화살표함수는 this와 관련해서 다른 점이 있지만 기본적인 기능을 동일하다. 1...

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 객체(Object 자료형) 자바스크립트에서 객체(Object)는 데이터의 집합으로, 키(key)와 값(value)가 쌍으로 이루어진 속성(property)의 모음이다. 객체는 중괄호 '{}'로 정의하며, 각 속성들은 쉼표로 구분하여 나열한다. 간단히 말해, 여러 개의 값을 저장할 수 있는 변수라 생각하면 된다. 객체 기본 구조 기본적인 객체 구조. 콜론(':')을 기준으로 key, value를 적는다. 아래 예제와 같이, 객체에서 각 값의 자료형이 달라도 상관없다. let person = { name: "홍길동", age: 30, gender: "남자", }; 생성자 함수를 이용한 객체 선언 t..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 조건에 따라 진입하는 분기점이 달라지는 조건문과, 지정한 조건에 따라 같은 코드를 반복하는 반복문에 대해 다룬다. 다른 언어들에도 전부 있는 내용이니 간단히 적고 넘어간다. 조건문 조건문은 if, if - else, if - else if - else, switch, 그리고 ||연산자, &&연산자가 있다. 조건에 따른 분기점을 얼마나 넣고 싶은 지에 따라 입맛대로 골라 쓰면 된다. if 1개의 분기점이 필요할 때 사용한다. 조건에 맞는 경우만 if문 내부로 이동한다. let x = 10; if(x > 0){ console.log("x는 양수입니다"); } // Output: // x는 양수..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 프로그래밍 언어라면 반드시 있어야 할 것 중 하나가 바로 연산자이다. 오늘은 자바스크립트에 사용하는 간단한 연산자들을 알아보자. 연산자 연산자(Operator)는 피연산자(Operand)사이 또는 옆에 존재하며, 연산을 의미한다. 산술 연산자 우리가 흔히 알고있는 더하기, 빼기, 나누기, 곱하기 처럼 수와 수를 산술적인 계산을 하는데 사용하는 연산자를 산술 연산자라고 한다. // + 연산자 우선순위(문자열이 높음), 그 외 연산자 우선순위(숫자가 높음) // 1. 더하기 연산자(+) console.log(1 + 1); // output: 2 console.log(1 + "1"); // ou..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 이전 글에서는 자바스크립트에서 존재하는 자료형들을 알아봤다. 이번에는 해당 자료형을 변환하는 형변환에 대해서 알아보자 형변환이란? 형변환은 변수의 자료형을 변경하는 것을 의미한다. 예를 들어, String자료형을 가진 변수의 값이 "123"이라면 해당 값을 숫자 123으로 바꾸고 싶은경우 형변환을 통해 바꾸게 된다. 암시적 형변환(implicit casting) 형변환은 서로 다른 자료형을 가진 변수들이 연산을 할 때 시스템에 의해 암시적으로 형변환 된다. 암시적 형변환에는 규칙이 존재하므로 참고해두면 좋다. 문자열 let result1 = 1 + "2"; // 숫자 + 문자열 => 문자열..

개요 let이나 const 변수에 저장한 값은 하나의 자료형(data type)을 가지게 된다. 오늘은 자바스크립트에서 어떤 자료형들이 있는지 알아보자. 숫자(Number 자료형) 자바스크립트에서 숫자를 표현하는 자료형은 단 하나이다. C++과 같은 언어와 다르게 숫자 범위에 따라 타입을 구분하지 않는다. 정수 let num1 = 10; console.log(num1); // Ouput: 10 console.log(typeof num1); // Ouput: number 실수 let num2 = 3.14; console.log(num2); // Ouput: 3.14 console.log(typeof num2); // Ouput: number 지수형 let num3 = 2.5e5; // 2.5 x 10^5 ..