Let's Code/JavaScript
-
자바스크립트 모달 팝업 띄우기Let's Code/JavaScript 2021. 2. 28. 19:27
Alert 함수 Alert 함수는 텍스트와 OK 버튼으로 구성된 modal 팝업을 띄운다. 유저는 OK 버튼으로 팝업을 종료할 수 있다. (이렇게 유저가 해당 팝업을 처리한 다음에야 나머지 웹페이지 기능을 사용할 수 있는 팝업을 modal window라고 부른다.) Prompt 함수 result = prompt(title, [default]); Prompt 함수는 특정 텍스트와 유저가 문자열을 입력할 수 있는 창이 있는 modal 팝업을 띄운다. 첫 번째 파라미터는 팝업 안에 표시되는 텍스트 메시지이며, 두 번째 파라미터는 유저가 아무것도 입력하지 않았을 경우의 디폴트 값을 결정한다. 이 때, 유저가 특정한 값을 입력하면 텍스트로 결과값이 처리되며, 입력하지 않았을 경우 null 타입으로 처리된다. (*..
-
자바스크립트 자료형과 TypeofLet's Code/JavaScript 2021. 2. 28. 18:53
동적 형식 (Dynamic data type) 자바스크립트에는 8개의 자료형(Data type)이 있으며, 변수에 한 자료형이 지정된 후 다른 자료형의 값으로 변경할 수 있다. 이를 동적 형식 (Dynamic Data Type)이라 지칭한다. 자료형 1) 숫자(Number): 자연수(integer)와 소수(floats)를 모두 포함한다. * (곱셈), / (나눗셈), + (덧셈), - (뺄셈)과 같은 연산자를 사용할 수 있다. Infinity(무한대), -Infinity(음의 무한대), NaN(컴퓨터 연산 오류)과 같은 특별한 숫자도 Number에 포함된다. 자바스크립트 내 수학 연산은 "안전safe"한데, 이는 아무리 불가능한 연산이라고 해도 NaN으로 처리될 뿐 스크립트를 정지시키지 않는다는 뜻이다...
-
자바스크립트 변수 선언까지Let's Code/JavaScript 2021. 2. 14. 22:32
태그 안에 위치한다. 만약 script에 type이나 language와 같은 속성이 붙는다면 과거에 만들어진 코드라는 뜻. (현재는 자바스크립트가 디폴트 언어이므로 쓰이지 않는다.) src 속성으로 저장된 자바스크립트 파일을 불러올 수 있다. (src 속성을 사용할 경우 해당 태그 안에 작성된 코드는 자동으로 무시되므로, html 안에 코드를 직접 작성하고 싶으면 src 속성이 지정되지 않은 별도 태그를 작성해야 한다.) 마찬가지 원리로, 여러 태그를 사용하면 여러 파일을 불러올 수 있다. Javascript 파일을 별도로 저장할 때 장점 Javascript를 .js 파일로 별도로 저장하여 불러올 경우, 브라우저는 그 파일을 캐시로 저장한다. 따라서 같은 웹사이트에 접속했을 때, 더 빠르게 홈페이지의 기..
-
JavaScript 기초 키워드 정리Let's Code/JavaScript 2019. 8. 26. 23:13
Py 어플을 다시 다운받았다. 빠르고 직관적으로 배우기는 이 어플이 제일 좋은 것 같다. Style 자바스크립트는 camel-case를 따르는데, 이는 변수에 여러 단어가 중첩될 경우 다음 단어가 대문자로 표현되는 것을 뜻한다. 마지막에 ; 붙이는 거 주의! var firstName; var lastName; var tempInBoston; If if (true) { console.log("Hello, World!"); } if (false) { console.log("Goodbye, World!"); } && : 둘 다 true일 경우 || : 둘 중 하나가 true일 경우 console.log가 파이썬의 print와 같은 기능을 하는 것 같다. Array var people = ["Sarah", "J..