메모장

용어 - 피연산자(=인수): 연산자가 연산을 수향하는 대상 (예 -> 2 * 5 : 2와 5가 피연산자) - 단항 연산자: 피연산자를 하나만 받는 연산자 (x = -1, -는 단항 연산자) - 이항 연산자: 두 개의 피연산자를 받는 연산자 (3 - 1, -는 이항 연산자)  수학 연산자: + - * / % ** 나머지 연산자 %나머지 반환 5%2 = 1거듭제곱 연산자 **a ** b 이면 a를 b번 곱함2 ** 3 = 8이항 연산자 +와 문자열 연결문자열 사이에 사용하면 문자열 병합'my' + 'string' --> mystring문자열 + 다른 자료형 --> 다른 자료형도 문자열로'1' + 2 -->12'1' + NaN --> 1NaN2 + 2 + '1' --> 41연산은 왼쪽에서 오른쪽으로 순차적 진..

형 변환(type conversion): 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환 + 의도적으로 자료형 변환 ex)alert: 전달 받은 값을 자동으로 문자열로 변환수학 관련 연산자: 전달 받을 값을 숫자로 변환  1. 문자형으로 변환alert(값) --> 문자열 자동 변환String(값)2. 숫자형으로 변환수학 연산자 사용 --> 자동 변환alert("6" / "2");Number(값): 숫자로 형 변환값에 숫자 이외의 글자가 들어가면 NaN 오류alert(Number(" 123 ")); // 123 alert(Number("123z")); // NaN ("z"를 숫자로 변환하는 데 실패함) alert(Number(true)); // 1 alert(Number(false)); ..

브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능들 1. alert: 사용자가 확인(OK) 버튼을 쿠를 때까지 메세지를 보여주는 창을 띄우는 함수모달 창(modal window): 메세지가 있는 작은 창모달: 페이지의 나머지 부분과 상호작용 불가능하다는 의미 내포 --> 사용자는 마달 창 바깥을 누르는 행동 불가alert("Hello");2. prompt: 텍스트 메세지와 함께 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼이 있는 모달 창 띄우는 함수result = prompt(title, [default]);두 개의 인수를 받음result = promp(title, [default]);title: 사용자에게 보여줄 문자열default: 입력 필드의 초기값(선택값)..

문서 값은 항상 자료형에 속하게 됨8가지 자료형 존재변수는 자료형에 관계 없이 데이터를 가질 수 있음let message = "hello";message = 123456;한 변수에서 다양한 자료형의 값을 가질 수 있다!8가지 자료형1. 숫자형: 정수 및 부동소수점 숫자연산 가능: * , / , + , - , ...특수 숫자 값 포함Infinity: 무한대alert (1 / 0); --> 메세지 창에 Infinity 표시NaN: 에러 발생을 나타내는 값부정확하거나 정의되지 않은 수학 연산에 대한 에러alert( "가나다라" / 1);JS에서 수학 연산은 안전!NaN이 최대 오류임2. BigInt: 길에 상관 없는 정수 값정수 리터럴 끝에 nconst bigInt = 1234567890123456789012..

문서 변수(let,var)와 상수(const)요약var, let, const로 변수를 선언하며 변수에 데이터를 저장변수명을 누구든 알기 쉽게 지어야 하고 규칙이 존재 변수: 데이터를 저장할 때 쓰이는 '이름이 붙는 저장소' - 비유"변수" 이름표가 붙은 상자 안에 데이터 저장 생성 키워드 - letlet 변수 = data;let message = "hello";console.log(message);초기화 후 값 변경 가능let message = "hello";console.log(message);message = "World!";console.log(message);  - const상수변하지 않을 값초기화 후 값 변경 불가능const myBirthday = "18.04.1982";myBirthday = ..

참고 문서 ES5가 등장하면서 이전 버전의 기존 기능들이 변경되었다. 하지만 하위 호환성 문제가 발생하여 ES5의 기본모드에선 변경된 기능들이 활성화 되지 않는다. 변경된 기능들을 사용하기 위해선 특별한 지시자(use strict)를 사용한다."use strict"스트립트 상단(무조건!) -> 모던 방식으로 스크립트 실행"use strict";함수의 본문 맨 앞해당 함수만 엄격 모드로 실행 브라우저 콘솔브라우저 콘솔을 이용한 테스트기본적으로 "use strict" 적용되어있지 X브라우저 콘솔에서는 enter 시 바로 코드 실행방법'use strict'; // ...테스트하려는 코드 입력  코드를 클래스 또는 모듈을 사용해 작성하는 경우 "use strict" 생략 가능   엄격 모드 변화 예시

참고 문서 문 (statement): 어떤 작업을 수행하는 문법 구조와 명령어쉽게 말해 코드 한 줄, 한 줄을 의미한 줄 (하나의 명령)이 끝났음을 알리기 위해 세미콜론(;) 붙이기세미콜론 (;): 자바스크립트는 줄 끝에 ;을 붙여줘야함줄 바꿈이 생기면 자동으로 세미콜론이 붙은 것처럼 해석하지만 아닌 경우도 있음 -> 오류 발생의 원인따라서, 세미콜론을 명시해주기!주석: 코드에 대한 설명//: 한 줄짜리 주석단축키: ctrl(cmd) + //* 코드~~~ */: 여러 줄단축키: ctrl(cmd) + shift(option) + /

데브코스에서 스터디로 타입스크립트 학습을 하기로 했다!하지만, 자바스크립트도 모르는 상황이라 2주 동안 기본 문법을 학습하기로 했다. 내가 하기 나름이겠지만, 끝까지 잘 마무리할 수 있기를...자바 스크립트를 학습하기 위해 기본적으로 이 문서를 이용했다.자바스크립트: 웹 페이지에 생동감을 넣기 위해 만들어진 프로그래밍 언어스크립트(script)자바스크립트로 작성한 프로그램html 파일 내부에 작성 가능웹 페이지를 불러올 때 스크립트 자동 실행 : 자바스크립트와 같은 클라이언트 사이드 스크립트를 정의할 때 사용  예제 코드 전 후  결과 html 파일 실행 시 바로 alert 메세지닫기를 누르면 화면 표시 모던 마크업위와 같이 src 속성을 갖는 script 태그 안에 코드를 작..