자바스크립트 화살표 함수

이번 포스트에서는 자바스크립트 함수 포스트에서 다루지 못했던 화살표 함수 특징에 대해서 정리해 보았습니다 화살표 함수의 선언 방법들 괄호는 생략 가능합니다. 하지만 매개변수가 하나의 단순한 형태의 경우에만 생략이 가능합니다. 화살표 함수의 특징 this, arguments, super에 바인딩 되지 않으므로 메소드로 사용하면 안됩니다. 생성자로 사용하면 안됩니다. new로 호출하면 TypeError를 던집니다. 화살표 함수는 yield 문을 사용할 수 없습니다. 화살표 … Read more

자바스크립트 함수 표현식

이번 포스트에서는 자바스크립트 함수 포스트에서 다루지 못했던 함수 표현식 특징에 대해서 정리해 보았습니다. 함수 표현식 문법 함수 표현식은 다양한 형태로 사용될 수 있습니다. 주의해야 할 점은 function 키워드만 사용하고 이름을 안 넣으면 함수 선언문으로 오해해서 오류가 발생한다는 점입니다. 함수 표현식은 변수에 할당되거나 다른 표현식의 일부로 사용되어야 합니다. 위 코드에서 func1은 함수 표현식으로 인식되어서 함수 이름이 없어도 … Read more

자바스크립트 함수 선언문

이번 포스트에서는 자바스크립트 함수 포스트에서 다루지 못했던 함수 선언문 특징에 대해서 정리해 보았습니다. 함수 선언문의 특징 1 : 호이스팅 함수 선언문은 코드 실행 전에 미리 메모리에 올려지기 때문에 함수를 선언하기 전에 호출할 수 있습니다. 즉, 함수가 코드 어디에서든 호출 가능합니다. 함수 선언문의 특징 2 : 재선언 함수는 var 처럼 다른 function 혹은 var로 재선언 될 … Read more

자바스크립트 함수

자바스크립트는 신기하게도 “함수”를 선언하는 방법이 여러가지가 있습니다. 그리고 함수 선언 방법에 따라 독특한 특징도 있습니다. 처음에는 함수 선언 방법과 특징들을 모두 하나의 포스트에 정리하려고 했지만, 함수 선언 방식에 따른 함수들의 특징들이 생각보다 많고 독특한 게 많네요… 함수 선언 방식에 따른 특징들은 다음 포스트에서 정리하고 이번에는 자바스크립트 함수 선언 방법과 몇 가지 주요한 특징들만 간략하게 정리해보았습니다. … Read more

자바스크립트 반복문

“반복문“은 프로그램에서 동일한 작업을 여러 번 수행하기 위한 구조로, 특정 조건이 참인 동안 코드 블록을 반복 실행합니다. 이를 통해 중복된 작업을 효율적으로 처리할 수 있습니다. 자바스크립트 반복문은 C나 Java에서 보이던 for문의 형태도 있고 파이썬에서 보던 for문의 형태도 있습니다. 그리고 다른 언어와 다르게 label 문을 활용하여 명시적이면서 간단하게 반복문을 종료시킬수도 있습니다. 이번 포스트에서는 자바스크립트 반복문에는 무엇이 … Read more

자바스크립트 NaN, undefined, null

파이썬에서 데이터를 처리하다 보니 이게 빈 문자열(“”)인지 None인지 NaN 인지 구분하는 과정이 중요하다는 생각이 들었습니다. 그래서 자바스크립트를 공부하면서 나온 NaN, undefined, Null도 잘 구분하고 처리하는 게 중요하다는 생각이 들었습니다. 이번 포스트에서는 자바스크립트에서 NaN과 undefined, Null은 무엇을 나타내고 어떻게 판별하고 처리할 수 있는지 정리해보았습니다. NaN, undefined, null NaN Not a number의 약자 입니다. 이는 객체의 값이 … Read more

자바스크립트 조건문

모든 언어에서 기초적으로 배우는 “조건문”을 공부하고 정리해보았습니다. 자바스크립트의 조건문은 비교 연산자부터 독특합니다. 비교 연산자와 조건문, 논리 연산자 순으로 포스팅 해보았습니다. 비교 연산자 동등 비교 == 또는 === 연산자를 사용합니다. ==는 값의 동등성을 비교하며, 자동으로 형 변환을 수행합니다. ===는 값과 데이터 타입의 동등성을 비교하며, 형 변환을 수행하지 않습니다. ==와 !=는 값만을 비교하므로 예상치 못한 형 변환이 … Read more

데이터 유형: 원시 타입, 참조 타입

자바스크립트 데이터 유형 에는 2가지가 있습니다. 원시 타입, 참조 타입. 각 타입의 특징은 무엇이고 왜 두 타입으로 나뉘어 졌는지 정리해보았습니다. 정리를 위해 참고한 포스트는 글 하단을 참고해주세요. 원시 타입 원시 타입은 단순하고 불변한 데이터를 나타내며, 변수에 실제 값을 저장합니다. 불변형인데 변수 재할당시 데이터가 바꿀 수 있는 것은 주소값을 바꿔서 입니다. 원시 타입의 종류 원시 타입이 … Read more

자바스크립트 객체

JavaScript에서 객체 는 키-값 쌍의 집합으로, 속성이나 동작을 나타내는 데이터 구조입니다. (파이썬의 딕셔너리와 키-값 쌍의 집합이라는 점이 유사합니다.) 객체는 중괄호 {}로 표현되며, 키와 값은 콜론(:)으로 구분됩니다. 객체는 동적으로 속성을 추가하고 삭제할 수 있습니다. 객체는 자바스크립트에서 핵심적인 데이터 구조 중 하나이며, 다양한 용도로 활용됩니다. 이번 포스트에서는 객체의 간단한 사용법에 대해서 정리해보겠습니다. 객체 선언하기 객체는 {}중괄호에 key:value … Read more