[엘리스 AI 트랙] 2주차 - 2

• 온라인 강의, 실습 내용 정리본
• 9/29 수요일

자바스크립트 기초

1. 자바스크립트 소개

01. 자바스크립트 소개

1) 자바스크립트?

• 웹 사이트에서 이미지 슬라이드, 팝업 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어

2) 자바스크립트 활용 범위

• IoT (전동 커튼 등)
• 하이브리드 앱 (web + 모바일 앱)
• 서버 개발

02. 변수 생성 방법

1) 변수 선언 및 데이터 저장, 출력

• var, let, const → 지난 포스팅 참고

let num = 1;

console.log(num); // 콘솔에 출력
document.write(num); // 웹 화면에 출력

2) 자바스크립트 사용 방법

• 지난 포스팅 참고

03. 데이터 타입

1) JS 데이터 타입 8가지

• 문자열 (String) : " " or ' ' 으로 감싸주자
• 숫자 (Number)
• 함수 (Function)

  let myFunction = function(){
  	console.log("myFunction");
  }

• 배열 (Array)
• 객체 (Object) : 프로퍼티, 메서드, 데이터로 구성. 여러 종류의 데이터 타입 삽입 가능
• 불린 (Boolean)
• 정의되지 않음 (undefined)
• 널 (null)

2) 객체 데이터 출력

var bear = {
		name : "icebear", // 프로퍼티와 데이터
		age : 5,
		skills : ["cleaning", "cooking", "keeping secrets"],
		sum : function (num1, num2) { // 메서드
		return num1 + num2;
	}
}
console.log(bear.name);
console.log(bear['name']);

• 객체가 가진 데이터 : 프로퍼티
• 객체가 가진 함수 : 메서드

3) undefined 와 null

• undefined : 변수를 초기화 하지 않은 상태 (데이터가 없는 것)
• null : 변수 안에 빈 데이터를 삽입한 상태(데이터가 비어있다고 명시한 것)

04. 프로퍼티와 메서드

1) 문자열 프로퍼티와 메서드

let str1 = "I am Ice Bear";
str1.length; // 문자열 길이 13
str1.charAt(0); // 문자 I 추출
str1.split(" "); // 공백 기준으로 문자 나눈 후 배열 [I, am, Ice, Bear]로 출력

2) 배열 프로퍼티와 메서드

let fruit = ["IceBear", "Grizzly", "Panda"];
fruit.length; // 데이터 개수
fruit.push("TeddyBear"); // 배열 뒤에 데이터 삽입
fruit.unshift("TeddyBear"); // 배열 앞에 데이터 삽입
fruit.pop(); // 배열 뒤의 데이터 제거
fruit.shift(); // 배열 앞의 데이터 제거

3) math의 수학 연산 메서드

Math.abs(-15); // 절대값 -> 15
Math.ceil(0.1); // 올림 -> 1
Math.floor(15.9); // 내림 -> 15
Math.round(10.5); // 반올림 -> 11
Math.random(); // 0에서 1 사이의 임의의 숫자 출력

4) 문자를 숫자로 변환하는 메서드

parseInt("10.6"); // 정수 형태의 10 변환. 내림으로 변환
parseFloat("10.6"); // 실수 형태의 10.6 변환

2. 자바스크립트 기초 문법 및 활용

01. 연산자

1) 산술 연산자

• 숫자, 문자열 연산 가능.
• 더하기 연산 제외하면 숫자로 바꿀 수 있는 문자열끼리의 연산은 일반 산술 연산으로 처리됨.("1"-"2" 의 결과는 -1)

2) 증감 연산자 : ++, --

3) 비교 연산자 : ==, ===, !==, 기타 부등호

4) 논리 연산자 : &&, ||

02. 조건문

if(){ }
else if(){}
else{}

03. 반복문

• c, java등과 같은 형태
• do while문

do {
	// 조건과 상관 없이 무조건 1회는 실행.
} while();