본문 바로가기

코딩211

형 변환 형 변환 형 변환(type conversion): 함수와 연산자에 전달되는 값이 적절한 자료형으로 자동 변환되는 것 ex> alert가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환해 줌, 수학 관련 연산자가 전달받은 값을 숫자로 변환, 전달받은 값을 의도를 갖고 원하는 타입으로 변환(명시적 변환) 문자형으로 변환 문자형의 값이 필요할 때 일어난다. alert메서드는 매개변수로 문자형을 받기 때문에, alert(value)의 value는 문자형. 만약, 다른 형의 값을 전달받으면 이 값은 문자형으로 자동 변환. String(value) 함수: 전달받은 값을 문자열로 변환 let value = true; alert(typeof value); // boolean value = String(valu.. 2022. 10. 11.
alert, prompt, confirm을 이용한 상호작용 사용자 인터페이스 기능인 alert, prompt, confirm alert 이 함수가 실행되면 사용자가 ‘확인(OK)’ 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있다. alert("Hello"); 메시지가 있는 작은 창은 모달 창(modal window) 사용자는 "확인 버튼을 누르기 전까지" 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없다. prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받는다. title: 사용자에게 보여줄 문자열 default: 입력 필드의 초깃값(선택값)/ 선택값 result = prompt(title, [default]); 함수가 실행되면 텍스트 메시지와 입력 필드(input field), 확인(OK) 및 취소(Cancel) 버튼.. 2022. 10. 11.
자료형 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바꿀 수 있는 언어를 ‘동적 타입(dynamically typed)’ 언어 숫자형 정수 및 부동소수점 숫자 특수 숫자 값 Infinity: 무한대 alert( 1 / 0 ); alert( Infinity ); //직접 참조 가능 -Infinity , NaN:계산 중에 에러가 발생했다는 것을 나타내주는 값 alert( "숫자가 아님" / 2 ); BigInt 길이에 상관없이 정수를 나타낼 수 있습니다. BigInt형 값은 정수 리터럴 끝에 n을 붙이면 만들 수 있습니다. const bigInt = 1234567890123456789012345678901234567890n; 정수의 한계는 ±2의53승 문자형 문자열(string)을 따옴표로 묶습니다... 2022. 10. 11.
변수와 상수 let message= 'Hello'; let Hello = 'Hello world!'; let message; // Hello의 'Hello world' 값을 message에 복사합니다. message = Hello; // 이제 두 변수는 같은 데이터를 가집니다. alert(Hello); // Hello world! alert(message); // Hello world! 변수는 한 번만 선언해야 합니다. 같은 변수를 여러 번 선언하면 에러가 발생합니다. let message = "This"; // 'let'을 반복하면 에러가 발생합니다. let message = "That"; // SyntaxError: 'message' has already been declared 제목 명명 규칙 자바스크립트에선 .. 2022. 10. 11.
엄격모드 변경사항 대부분은 ES5의 기본 모드에선 활성화되지 않도록 설계되었습니다. 대신 use strict 라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 했을 때만 이 변경사항이 활성화되게 해놓았습니다. "use strict"; //지시자가 스크립트 최상단에 오면 스크립트 전체가 “모던한” 방식으로 동작합니다. 예시: "use strict"는 반드시 스크립트 최상단에 위치시키세요. "use strict" 의 위에는 주석만 사용할 수 있습니다. use strict를 취소할 방법은 없습니다. 브라우저 콘솔 Firefox와 Chrome 같은 유명한 브라우저에서 대부분 사용 가능 'use strict'; // ...테스트하려는 코드 입력 브라우저가 오래 되어서 콘솔 창에 use strict 를.. 2022. 10. 11.
코드구조 서로 다른 문은 세미콜론으로 구분합니다. 주석 한 줄짜리 주석은 두 개의 슬래시 //로 시작됩니다. 여러 줄의 주석은 슬래시와 별표 /*로 시작해 별표와 슬래시 */로 끝납니다. 주석 처리 단축키 Ctrl+/ 를 사용하면 해당 줄의 코드를 한 줄짜리 주석으로 처리할 수 있으며, 여러 줄의 주석은 Ctrl+Shift+/를 통해 처리할 수 있습니다. Mac에서는 Ctrl 대신 Cmd를, Shift 대신 Option 을 사용하세요. /*...*/안에 또 다른 /*...*/이 있을 수 없습니다. 주석 처리 단축키에는 무엇이 있을까? 2022. 10. 11.

티스토리툴바