(Elice SW3기 프리트랙) JS 기초자료

자바스크립트 : 이미지 슬라이드 효과, 팝업효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어

활용범위 : IoT (전동커튼) /  하이브리드 앱 /  서버개발

 

변수 : 데이터를 담는 공간 

 

var animal;      // 변수선언  데이터를 담을 공간생성
animal = "dog"	 // 변수 초기화 - 변수에전달

var animal = "dog"; //변수 선언 및 초기화

animal = "cat"; // 데이터 변경
console.log(animal) // 로 바뀐 데이터를 확인한다.

변수 생성 주의사항

1. 숫자로 시작할 수 없음

2. 최대한 자세하게 작성

3. 불명확환 의미의 단어 조합 피해야함

 

JS 사용 방법 

<sripct src = "~~.js"></script>

 

JS 데이터 타입

String 문자열 Number 숫자 Function 함수 Array 배열

Object 객체  Boolean 불린 undefined 정의되지않음 null 널

문자열
var str = "hello world";  
ex) he's boy 
// str = 'he\'s a boy;

자료형
var num1 = 1;   // 정수
var num2 = -1;  // 음수
var num3 = 1.1; // 실수

함수형
함수 생성 function(){}
함수 호출 function();

var x =function(y,z){ 		//매개변수 ()안에 값 매개변수
return y*z		// 함수안에 데이터 저장할 때 사용
}
x(10,20) //인자: 함수에게 전달하는 데이터

배열
var animal = [dog, cat]
데이터 변경 animal[0] = "elephant"

객체
프로머티: 이름을 가지고 있는 데이터들
메서드:  이름을 가지고 있는 함수들

undefined : 변수 안에 데이터를 입력하지 않은 상태 (데이터가 없음)
null : 빈 데이터를 삽입한 상태 (빈 데이터를 지정함)

Boolean : 참 또는 거짓 데이터가 들어가 있는 상태

 

프로퍼티 / 메서드

데이터 타입의 프로퍼티와 메서드 : 사용자를 위해 사전에 작성된 편의 기능

 

문자열 프로퍼티와 메서드
var str1 = "hello world";
str1.length; // 문자열 길이
str1.charAt(0) // 무자열 추출
str1.split(" "); 공백 기준으로 문자 나누고 출력

배열 프로퍼티 메서드
length 	// 데이터 개수
push // 배열뒤에 삽입
unshift // 배열앞에 삽입
pop() // 배열 뒤의 데이터 제거
shift() 배열 앞의 데이터 제거


math 메서드

abs 절대값
ceil 올림
floor 내림
random 임의 숫자 출력

parseInt() 정수 형태의 변환
parseFloat() 실수 형태의 변환

출처: elice x KDT SW 3기 프리트랙