자바스크립트 소개
자바스크립트 : 동적인웹사이트제작시사용되는프로그래밍언어
변수
var fruit = “apple”; //변수 선언 및 초기화
fruit = "banana"; //수정
console.log (fruit) //출력
자바스크립트 사용법
<body>
<script src="index.js"></script>
</body>
데이터 타입
var str1 = "Hello World"; //문자열
var num1 = 10.0 //숫자
func1 = function(value) { console.log("func1"); } //함수 생성
func1(10); //함수 호출
var fruit = ["사과", "배"]; //배열
console.log(fruit[0]); //출력
fruit[0]="포도" //값 수정
var student = { // 객체
name: “inkwon”, age: 20 , kills: [“자바스크립트”, “HTML”, “CSS”] ,
sum: function(num1, num2) {returnnum1+ num2;}
}
onsole.log(student.name , student['age']); //출력
student.name="Park" //값 수정
var unde; //undefined (데이터 입력X)
var empty = null; //빈 데이터
var t = true; //Boolean
프로퍼티와 메서드
문자열
var str1= “Hello World”
str1.length; // 11
str1.charAt(0); // H
str1.split(" ") // [Hello, World]
배열
var fruit= [“사과”, “배”, “포도”];
fruit.length; // 3
fruit.push("딸기") // [“사과”, “배”, “포도”, "딸기"]
fruit.unshift("레몬") // ["레몬", “사과”, “배”, “포도”]
fruit.pop(); // [“사과”, “배”]
fruit.shift(); // [ “배”, “포도”]
math
Math.abs(-3);
Math.ceil(0.3); Math.floot(0.3);
Math.random();
문자 ➔ 숫자
parseInt("10.0") // 10.0'1차 스터디' 카테고리의 다른 글
| 7. DOM과 이벤트 소개 (0) | 2024.03.28 |
|---|---|
| 6. 자바스크립트 기초 문법 (0) | 2024.03.27 |
| 4. 모바일 웹사이트 만들기: 미디어 쿼리 활용 (0) | 2024.03.23 |
| 3. 웹사이트에 생동감 부여하기 (0) | 2024.03.21 |
| 2. 웹사이트 레이아웃의 핵심 구성 요소 (0) | 2024.03.20 |