728x90 반응형 JavaScript19 JavaScript '+'연산자 이항 연산자 '+' '+'는 대개 숫자를 더한 결과를 반환한다. 하지만 피연산자로 문자열이 전달되면 '+'는 덧셈이 아닌 문자열을 병합(연결)한다. ex) alert( 1 + 1 ) // 2 alert( '1' + 2 ) // 12 2022. 1. 17. JavaScript 형 변환 숫자형으로 변환 전달받은 값 형 변환 후 undefined NaN null 0 true 1 false 0 string 문자열의 처음과 끝 공백을 제거하고 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽어서 반환한다. 변환에 실패하면 NaN ex) alert( Number(' ')) // 0 alert( Number(' 123 ') // 123 alert( Number('123abc') // NaN ('abc'를 숫자로 변환하는데 실패함) 불린형으로 변환 숫자 0, 빈 문자열( '', "" ), null, undefined, NaN과 같이 비어있다고 느껴지는 값 -> false 그 외의 값 -> true *주의* 문자열 0( '0' )과 공백 ( ' ' )은 true입니다. 2022. 1. 17. JavaScript 간단하게 브라우저와의 상호작용하기 : alert, prompt, confirm 아래의 함수들을 실행할 경우 메시지가 있는 작은 창을 띄워주는데, 이를 모달 창(modal window)이라고 부른다. '모달'이란 단어엔 페이지의 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어 있다. 따라서 사용자는 모달 창 바깥에 있는 버튼을 누른다든가 하는 행동을 할 수 없다. 이는 모달 창이 떠있는 동안은 스크립트의 실행이 일시 중단되기 때문이므로, 사용자가 창을 닫기 전까진 나머지 페이지와 상호 작용이 불가능해진다. 또한 모달 창의 설정은 브라우저가 정하는 것으로 개발자가 모달 창의 위치와 모양을 수정할 수 없다. alert - 메시지를 보여준다. - 확인 버튼만을 제공합니다. ex) alert('Hello'); promt - 텍스트를 입력받을 수 있는 모달 창을 보여준다. - 확인과 취.. 2022. 1. 13. JavaScript 'null'과 'undefined' 변수의 값이 없음을 나타낼 때 JavaScript에서는 null과 undefined를 사용할 수 있다. 하지만 undefined는 '값이 할당되지 않은 상태'를 나타내는 예약어이기 때문에 null을 사용하는 것이 좋다. typeof 연산자를 사용할 때 undefined의 경우 undefined를 반환하지만 null의 경우 object를 반환한다. (이는 명백한 오류이지만 하위 호환성을 유지하기 위해 오류를 수정하지않고 남겨둔 상황이라고 한다.) 2022. 1. 13. JavaScript 트래픽 절약, 로딩 속도 팁 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋다. 스크립트를 별로의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장하는데, 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고, 캐시로부터 스크립트를 가져와 사용하므로 스크립트 파일을 한 번만 다운받기 때문이다. 주의!! src 속성이 있므녀 태그 내부의 코드는 무시된다. alert(1)를 작동되게 하려면 스크립트를 두 개로 분리하면 된다. 또한, 복수의 스크립트 태그를 사용하여 복수의 스크립트 파일을 불러올 수도 있다. ... 2022. 1. 12. JavaScript 매뉴얼(Manuals)과 명세서(Specifications), 호환성(Compatibility) 명세서 - ECMA-262 명세서(specification) : 가장 상세한 정보를 담고 있는 공식 문서 - 최신 초안은 https://tc39.es/ecma262/ 에서 확인 가능 매뉴얼 - MDN JavaScript Reference : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference Mozilla재단이 운영하는 사이트로 다양한 예제와 정보가 있음 - MSDN : http://msdn.microsoft.com/ Microsoft가 운영하는 사이트 IE에 관련된 정보를 찾을 때 좋다. 호환성 - http://caniuse.com : 브라우저가 특정 기능을 지원하는지 표 형태로 확인가능한 곳 - https://kangax.github... 2022. 1. 12. JavaScript 기초 - ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 - 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부른다 ex) alert.js , node.js , ... - 이름은 자바에서 차용해 왔지만, 자바스크립트는 자바와는 독자적인 언어 - 자바스크립트는 자바와 아무런 연관이 없습니다. - 브라우저뿐만 아니라 서버와 '자바스크립트 엔진'이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에서도 동작한다. 자바스크립트 엔진의 종류 V8 - Chrome, Opera SiderMonkey - Firefox IE는 버전에 따라 엔진의 이름이 다름( Trident, Chakra, ChakraCore ) SquirrelFish - Safari 변수선언 변수는 사용자가 이름을 붙인 저장소인.. 2022. 1. 12. 이전 1 2 다음 728x90 반응형