본문 바로가기

Programing371

[모던JS] 012. [기본] 기본 연산자와 수학(산술 연산자, 연산자 우선순위, 할당 연산자, 복합 할당 연산자, 증감 연산자, 전후위형 증감연산자, 비트연산자, 쉼표연산자) 원문피연산자(operand), 단항(unary), 이항(binary)피연산자 (operand)연산자가 연산을 수행하는 대상.인수(arguments)라고도 한다.console.log( 5 * 2 ); // 10위의 예제에서 5와 2가 피연산자이다.단항 (unary), 이항 (binary)피연산자의 개수로 단항이냐, 이항이냐 구분한다.예를 들어 마이너스 연산자가 단항 연산자와 이항 연산자 둘 다 될 수 있다.let x = 1;x = -x;console.log(x); // -1위 예제에서 마이너스 연산자(-)는 x라는 하나의 피연산자, 즉 단항을 받아서 값을 반대로 뒤집었다. (양수 -> 음수)let x = 3, y = 5;console.log (y - x); // 2위 예제에서 마이너스 연산자(-)는 좌항으.. Programing/JavaScript 2024. 3. 25.
[모던JS] 011. [기본] 원시 타입 자료형의 형 변환(숫자형, 문자형, 불리언, 묵시적, 명시적) 원문형 변환(type conversion)의 의미원시 타입의 데이터 타입들(number, string, boolean, null, undefined)은 서로 그 자료형을 변환시킬 수 있다. 이것을 형 변환(type conversion)이라 한다.문자형으로 형 변환문자형 형 변환 기본형String();대소문자 주의문자형 형 변환 예제let value = true;console.log(value); // booleanvalue = String(value) // value라는 변수의 값을 string 타입으로 변환하라console.log(typeof value); // stringtrue라는 불리언 값을 string으로 변환하라고 했다. 값 자체는 "true"로 바뀌었다. 이상하게 다른 문자로 바뀌지 않는다... Programing/JavaScript 2024. 3. 25.
[모던JS] 010. [기본] alert, prompt, confirm을 이용한 상호작용 원문브라우저에서 사용자와 상호작용 할 수 있는 내장 함수가 있다.단순히 확인 버튼만 누르는 alert와 입력까지 해야 하는 prompt, 입력은 필요 없고 확인 취소가 있는 confirm dialog가 있다.alert 함수alert 함수는 메시지를 띄워주고 사용자가 OK를 누를 때까지 확인창이 계속 떠있게 하는 기능이다.alert("Hello");누르게 되면 뜨는 확인창을 모달 창(modal window)라고 부른다.모달의 의미는 해당 창과 페이지 밖의 웹 브라우저의 내용과는 상호작용이 불가능하다는 의미이다.따라서 사용자가 OK를 눌러서 모달창을 빠져 나오지 않으면 웹 페이지를 조작할 수 없다.prompt 함수역시 모달창을 띄워주는 함수인데, alert처럼 OK만 누를 수 있는 것이 아니라 입력 필드(i.. Programing/JavaScript 2024. 3. 25.
[모던JS] 009. [기본] 자료형(원시 타입, typeof연산자) 원문자료형(data type)의 의미자료형(data type)이란 숫자, 문자, 불리언과 같은 자료의 형태를 이야기한다.자바스크립트에서는 변수에 모든 자료형이 올 수 있다.let message = "hello";message = 123456;위의 예제처럼 변수의 자료형은 문자열이 될 수도 있고, 숫자가 될 수도 있다.이렇게 값의 타입이 언제든지 바뀔 수 있기 때문에 자바스크립트를 동적 타입 언어(dtnamically typed language)라고 한다.자료형의 종류원시 타입 (primary)숫자형(Number type)숫자형의 종류정수 : 1, 2, 3 등부동소수점 숫자 : 일반적이지 않으니 이번 과정에서는 생략특수 숫자값(special numeric value)무한대Infinity : 양의 무한대어떤.. Programing/JavaScript 2024. 3. 25.
[모던JS] 008. [기본] 변수와 상수(let, var, const, 호이스팅, 명명규칙, 대문자상수) 원문자바스크립트로 작성된 애플리케이션은 사용자나 서버로부터 입력받은 정보를 처리하는 방식으로 동작한다.즉 HTML과 CSS로 작성된 문서에 동적인 움직임, 명령, 행동을 발생시키기 위해서 자바스크립트를 이용한다.(예시)온라인 쇼핑몰 : 장바구니 등의 정보채팅 앱 : 사용자 정보, 메시지 주고 받기변수 (Variable)변수의 의미이름이 붙은 저장소.데이터를 저장할 때 쓰인다.예를 들어 쇼핑몰에서는 상품정보나 방문객 등의 정보를 저장할 때 변수를 사용한다.선언 방법 (let, var)변수 선언 기본형변수를 선언하기let 변수명;var 변수명;변수에 데이터를 저장하기let message;message = 'Hello';=이라는 할당 연산자를 사용하여 변수 안에 'Hello'라는 문자열을 저장했다.let me.. Programing/JavaScript 2024. 3. 25.

티스토리툴바