JavaScript5 [JavaScript] 특수 연산자 JavaScript는 기본 연산자 외에도 동적 타입 언어의 장점을 활용한 여러 연산자를 지원한다. 아래 테이블은 그 종류이며 하단에서 각각의 상세 설명을 확인할 수 있다.연산자설명예제typeof변수의 데이터 타입을 반환typeof "hello" → "string"instanceof객체가 특정 클래스의 인스턴스인지 확인obj instanceof Array → truein객체나 배열에 속성이 존재하는지 확인"key" in obj → truedelete객체의 속성을 삭제하거나 배열 요소를 제거delete obj.keyvoid표현식의 평가 결과를 무시하고 undefined 반환void 0 → undefined?.객체 속성 접근 중 null이나 undefined일 때 에러 방지obj?.key??null 또는 un.. 2024. 12. 5. [JavaScript] 기본 연산자와 우선순위 자바스크립트의 기본 연산자는 다른 언어와 크게 다르지 않으며 동적 타입 언어이기 때문에 타입을 비교하는 방식에서 정적 타입 언어와 비교된다. 아래는 자바스크립트의 기본 연산자 종류와 연산 우선순위를 테이블로 정리하였다.1. 연산자 유형1.1.산술 연산자값을 계산하는데 사용되는 연산자.연산자설명예시결과+덧셈5 + 38-뺄셈5 - 32*곱셈5 * 315/나눗셈6 / 32%나머지5 % 32**거듭제곱5 ** 2251.2. 비교 연산자두 값을 비교하여 논리값을 반환하는 연산자. 동적 타입 언어이기 때문에 타입까지 일치하는지 확인하는 엄격 비교 연산자와 값만 일치하는지 확인하는 비교 연산자가 나뉘어 있다.연산자설명예시결과==값이 같은지 비교'5' == 5true===값과 타입이 같은지 비교'5' === 5fals.. 2024. 12. 4. [JavaScript] 객체와 배열 JavaScript에서 객체와 배열은 데이터를 저장하고 조작하는 데 매우 중요한 역할을 한다. 객체는 키-값 쌍으로 데이터를 저장하며, 배열은 순서대로 데이터를 저장하는 리스트 구조이다. 둘 다 메모리로 관리되는 참조형 자료형으로 요소를 동적으로 변경 가능하고 여러 메서드도 지원한다.이 글은 이전 글인 [JavaScript] 자료형과 변수와 상수에 대한 배경지식 바탕으로 작성되었음을 참고하길 바란다.1. 객체 (Object)객체는 키(key)와 값(value)의 쌍으로 데이터를 저장하는 구조이다. 객체는 데이터를 체계적으로 표현하고 저장하는 데 적합하며, 속성(property)과 메서드(method)로 구성된다. 객체의 키는 문자열 또는 심볼(Symbol)이며, 값은 모든 데이터 타입이 될 수 있다. 이.. 2024. 11. 28. [JavaScript] 자료형과 변수와 상수 JavaScript는 동적 타입 언어로, 변수의 자료형이 런타임에 결정되며, 코드 작성 시에는 자료형을 명시적으로 선언하지 않아도 된다. 이러한 특징 덕분에 유연하게 코드를 작성할 수 있지만, 때때로 예기치 않은 형 변환으로 인해 오류가 발생할 수 있다. 이러한 특성으로 정확한 이해를 바탕으로 코드 작성이 필요하며 아래와 같이 내용을 정리해본다.1. JavaScript의 자료형JavaScript의 자료형은 크게 기본형(Primitive Type) , 참조형(Reference Type) 두 가지로 나뉘며 각 특성은 다음과 같다.1.1 기본형(Primitive Type)기본형은 데이터 자체를 직접 저장하며, 불변성을 가지는 특성이 있다.자료형설명예시number숫자를 표현. 정수와 실수를 구분하지 않음42, .. 2024. 11. 26. [JavaScript] 개념 정리 JavaScript는 현대 웹 개발에서 필수적인 역할을 수행하는 프로그래밍 언어로, 주로 웹 브라우저에서 동적인 동작과 상호작용을 구현하는 데 사용된다. HTML과 CSS로 이루어진 정적인 웹 페이지에 생명을 불어넣는 핵심적인 프로그래밍 언어라고 할 수 있다.1. JavaScript의 주요 역할1.1 웹 페이지 동작 제어JavaScript는 웹 페이지에서 동적인 콘텐츠를 구현할 때 사용된다. 예를 들어, 사용자 클릭 이벤트에 반응하거나, 입력된 데이터를 처리하고, 실시간으로 페이지 내용을 업데이트할 수 있다.예시버튼 클릭 시 팝업 창 열기사용자가 입력한 데이터를 검증하고 메시지 표시실시간으로 날씨 정보 업데이트1.2 사용자와의 상호작용 관리JavaScript는 사용자가 웹 페이지와 상호작용하는 방식을 정.. 2024. 11. 23. 이전 1 다음