프로그래밍/Javascript
-
Javascript프로그래밍/Javascript 2021. 12. 22. 12:24
크게 기본형과 Object(객체)형이 존재한다. 1. 기본형 Number - 숫자형 String - 문자열 Biglnt - -(253-1) ~ 253-1의 범위를 벗어난 숫자형 undefined - 값이 할당되지 않은 상태 Boolean - 논리 타입 1) Number - 숫자형 정수, 부동 소수점 숫자를 나타낸다. Infinity(무한대), NaN(Not a Number)를 포함하며, 연산자(+, -, /, *, %)를 통해 연산할 때 쓰인다. 1 + 1 > 2 5 - 2 > 3 4 * 3 > 12 10 / 2 > 5 10 % 3 > 1 2) String 문자열로 텍스트를 나타내는 데 사용된다. 큰따옴표(")나 작은따옴표(')로 감싸서 사용한다. "Hello Javascript world" > "Hel..
-
Javascript - 이벤트(event)프로그래밍/Javascript 2021. 12. 22. 09:00
이벤트 웹 브라우저에서 마우스 클릭을 했을 때나 어떤 요소에 포커스가 주어지거나 변경될 때 입력해놓은 event를 발생시키는 것이다. 예시1) "안녕하세요"라는 글자가 담긴 버튼을 클릭할 때, alert창에 "반가워요!"라는 메시지 띄우기 안녕하세요 예시2) 입력창에 내용을 입력했을 때(비어있던 칸 -> 채워진 칸), alert창에 "변경했어요!" 메시지 띄우기 예시 1, 2에서 사용한 onclick="", onchange=""가 자바스크립트의 이벤트이다. 예시에서는 alert이라는 간단한 기능을 사용했지만, 더 복잡한 기능을 사용해서 코드가 길어질 때도있다. 이럴 때는 아래와 같은 인라인 방식으로 이벤트를 입력시켜주면 코드가 간결해진다. 자주 사용하는 이벤트 onclick - 마우스를 클릭했을 때 이벤..
-
자바스크립트란?프로그래밍/Javascript 2021. 12. 21. 20:59
자바스크립트(Javascript)는 객체 기반의 스크립트 프로그래밍 언어이다. HTML이 웹 내용을 작성하고, CSS가 웹을 디자인한다면 자바스크립튼 웹의 동작을 구현하는 기능을 맡고 있다. 주로 웹 브라우저에서 사용하지만, Node.js 프레임워크를 이용해 백엔드 쪽 프로그래밍에서 사용하기도 한다. 또한, 자바스크립트는 객체 기반의 스크립트 언어이자, 인터프리터 언어라 컴파일 작업없이 소스 코드를 바로 실행할 수 있다. 참고로 자바와 자바스크립트는 이름만 놓고는 C와 C++처럼 연관이 있을 것 같지만, C언어를 기반으로 만들어졌다는 점 외에 서로 직접적인 관련은 없다. 마치 코끼리와 바다코끼리와 같은 경우라고 생각하면 될 것 같다. HTML과 Javascript 안녕하세요 위의 이미지를 보면 HTML과..