본 자료는 박규하 코치님과 Elice 플랫폼의 자료를 사용하여 정리하였습니다.
JavaScript 란?
- 웹페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어(프로그래밍 언어)
- 이미지 슬라이드 효과, 팝업효과등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 언어
활용범위
- IoT
- 하이브리드 앱(Web + mobile)
- 서버개발
변수
constant
const PI = 3.14;- 읽기 전용
- 수정이 불가능
- 재할당 불가(메모리에 새로운 값을 넣을 수 없음)
var, let
var name = "KIM";
let age = 20;- 수정이 가능
- var는 (구)방식이다.
- var는 변수 재선언을 허용한다.(의도적으로든 혹은 실수로 값이 변경되었는지 추적이 어렵다.)
- let은 재할당이 가능하다.
변수를 선언할 때는 const를 쓰고 재할당이 필요하다면 let을 사용
데이터 화면에 출력하는 법
console.log(fruit);
document.write(fruit);document.writeln();을 사용하면 뒤에 공백을 추가하여 출력한다.
JavaScript HTML에 사용방법
<body>
<script src = "index.js"></script>
</body>데이터타입
원시형 데이터타입
- Number 숫자
- 별도의 기호없이 입력
- String 문자열
- 큰 따옴표나 작은 따옴표를 사용하여 입력
- Boolean true/false
- Null
- 변수안에 빈 데이터를 삽입한 상태
- Undefined 정의되지 않음
- 변수안에 데이터를 입력하지 않은 상태
참조형 데이터 타입
- Object 객체(python의 dict)
var student = {name: "elice", age: 20, sum:function(num1, num2) { return num1 * num2 }
}
console.log(student.name);
console.log(student[name]);- Array 배열(python의 list)
var fruit = ["사과“, ”배“, ”수박“];
console.log(fruit(0)); // 사과- Function 함수
- 함수 생성
var func1 = function() { // 변수형태 함수
console.log("Func1");
}
func1(); // 함수 호출function func1() { // 일반형태
console.log("Func1");
}
func1();- 매개변수, 인자, return
var area = function(width, height) { // 매개변수
return width * height; // return
}
area(10, 20); // 인자
열심히