목록FrontEnd/Javascript (25)
동그란 도그린
📍 산술 연산자 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듦 산술 연산이 불가능한 경우에는 NaN 반환 이항 산술 연산자 모든 이항 산술 연산자는 부수 효과(피연산자의 값을 변경) X 단항 산술 연산자 증가/감소(++/ --) 연산자는 부수 효과 O 숫자 타입이 아닌 피연산자에 +/- 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환한 값을 새로 생성해서 반환 ⇒ 부수 효과 X var x = '1'; console.log(+x); // => 1 : 문자열을 숫자로 타입 변환 console.log(x); // => '1' : 부수 효과는 X x = 'Hello'; console.log(+x); // => NaN : 숫자로 타입 변환 불가능하므로 console.log(x); // =>..
원시 타입 객체 타입 숫자 타입 문자열 타입 불리언 타입 undefined 타입 null 타입 심벌 타입 📍 숫자 타입 숫자 타입의 값은 배정밀도 64비트 부동소수점 형식 (모든 수를 실수로 처리) 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입 제공 X ⇒ 값 참조하면 모두 10진수로 해석됨 아래의 3가지 값 표현 가능 Infinity : 양의 무한대 -Infinity : 음의 무한대 NaN : 산술 연산 불가(not-a-number) 자바스크립트는 대소문자 구별 ⇒ NAN, Nan, nan을 값이 아닌 식별자로 해석 📍 문자열 타입 자바스크립트에서 가장 일반적인 문자열 표기법은 ‘작은 따옴표’ 사용하는 것 문자열을 따옴표로 감싸는 이유는 키워드나 식별자 같은 토큰과 구별하기 위함 📍 템플릿 리..
📍 표현식이란? 어떤 값으로 평가되는 구절 📍 기본 표현식 가장 단순한 표현식 상수, 리터럴 값, 일부 키워드, 변수 참조 등이 있음 true // 불 true로 평가 false // 불 false로 평가 null // null로 평가 this // '현재' 객체로 평가 (일정한 값이 아니며, 사용한 위치에 따라 다른 값으로 평가) 📍 객체와 배열 초기화 배열식 값이 새로 생성된 객체나 배열인 표현식 (객체 리터럴 / 배열 리터럴) 배열 초기화 표현식 대괄호 안에 콤마로 구분된 리스트를 쓰는 형태 배열 초기화 표현식 내부의 요소 표현식도 배열 초기화 표현식이 될 수 있음, 이 표현식은 배열 초기화 표현식을 평가할 때마다 평가되므로 결과가 달라질 수 있음 배열 리터럴에서 콤마 사이의 값을 생략하면 정의되지..
📍 값 식(표현식)이 평가되어 생성된 결과 1 + 2; // 1 + 2는 평가되어 숫자 값 3을 생성 🔅 평가 : 식을 해석해서 값을 생성하거나 참조하는 것 📍 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 (ex: 정수, 문자열, 불리언 등) 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성함 📍 표현식 값으로 평가될 수 있는 문은 모두 표현식 // 리터럴 표현식 1 'Hello' // 식별자 표현식 (이미 선언했다고 가정) sum person.name // 연산자 표현식 1 + 2 // 함수/메서드 호출 표현식 (이미 선언했다고 가정) square() 📍 문 프로그램을 구성하는 기본 단위이자 최소 실행 단위 문을 명령문이라고도 부름 문..
📍 변수란? 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억함 메모리 : 데이터를 저장할 수 있는 메모리 셀의 집합체, 셀 하나의 크기는 1바이트(8비트), 각 셀은 고유의 메모리 주소를 가짐 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않음 (메모리 주소를 통해 값에 직접 접근 불가) 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 / 메모리 공간을 식별하기 위해 붙인 이름 프로그래밍 언어의 컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행됨 변수를 통해 값에 안전하게 접근 가능 할당 : 변수에 값을 저장하는 것, 참조 : 변수에 저장된 값을 읽는 것 식별자 변수의 이름 값이 아니라 어떤 값이 저장되어 있는 메모리 주소를 기억함 값이 ..
📍 컴파일러/인터프리터란? 컴퓨터가 이해할 수 있는 기계어로 변환하는 일종의 번역기 📍자바스크립트란? 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어 현재 모든 브라우저의 표준 프로그래밍 언어 📍 자바스크립트 역사 초창기 자바스크립트 대부분의 로직은 주로 웹 서버에서 실행됨 브라우저는 서버로부터 전달받은 HTML과 CSS를 단순히 렌더링하는 수준 🔅 렌더링 : HMTL, CSS, Javascript로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것, 서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정을 의미 🔅 Ajax (XMLHttpRequest) : 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 Aj..
⭕ 가변 ❌ 불변 숫자 문자 불 심벌 null 혹은 undefined 객체 📍 숫자 Number (정수, 실수) BigInt 📍 문자 문자열 안의 이스케이프 시퀀스 RegExp 🔅 역슬래시를 통해 여러 줄로 코드 작성은 가능하지만 출력 시에 개행은 안됨 📍 불 📍 심벌 객체의 프로퍼티 키로 사용 📍 null 혹은 undefined 메소드를 호출할 수 없음 📍 나머지 (객체) 함수, 배열, 클래스, set 객체(값의 집합), map 객체(키와 값의 연결) 등 🔅 정규 표현식 형식 /패턴/플래그 매칭 패턴 a-zA-Z 영어 알파벳 ㄱ-ㅎ가-힣 한글 문자 . 모든 문자열 \d 숫자 \D 숫자가 아닌 것 \w 영어 알파벳, 숫자, 언더바( _ ) \W \w이 아닌 것 \s space 공백 \S \s이 아닌 것 ..