생활코딩 스터디 - javascript_1

생활코딩 web2 javascript 동영상 강의로 가볍게 자바스크립트 수업을 시작했다. 이 수업 이후에 자바스크립트 언어 공부를 시작할 예정! 자바스크립트는 역시 어렵다....^-ㅠ

study_javascript.txt

* javascript 데이터 타입

숫자  -> 1 (1+1=2)

문자  ->  "1" ("1"+"1"="11")

* String = 문자열

바뀔 수 있는 값 = 변수

바뀔 수 없는 값 = 상수

* === : 비교연산자

비교연산자의 값은 true 와 false (boolean 불리언) 으로 나뉜다.

* 배열

만들기 -

var xxx(변수이름) = ["값1","값2","값3"];

불러오기 - 값의 index번호로 (index번호는 0부터 시작)

xxx[0]

배열 안의 컨텐츠가 몇개인가 (개수는 1부터 시작)-

xxx.length;

배열에 컨텐츠 추가하기 -

xxx.push("값4");

* 반복문

while(불리언){}  -> true 불리언이 false가 될때까지 반복.

* 함수

매개변수(Paramenter)와 인자(Argument) -

function을 정의할때 

function 함수이름(x,y){};

x,y 가 매개변수가 되고,

그 함수를 사용하게 될때

함수이름 (11,22)

매개변수 자리에 넣게 되는 값들인 11 과 22 가 인자가 된다.

* 객체(object  ) : 서로 연관된 함수와 변수들을 정리해서 그룹핑 하기 위한 수납상자 개념. 폴더라고 생각! 순서 없이 저장할 수 있음. 이름만 있으면 됨.

var 객체명 = {

"객체이름1" : "값1"

"객체이름2" : "값2"

}

사용할때는 객체명.객체이름1  로 불러올수 있음. 값에는 무엇이든 다 들어감. 문자,숫자,함수,변수 등등...

이미 만들어진 객체에는

객체명.새로운객체이름 = "값3"    혹은

객체명["새로운객체이름"] = "값3"    -> 이때는 새로운객체이름에 공백 넣을수 있음

이런식으로 추가 가능.

객체의 모든 값을 불러올때는, for..in 을 사용하는데,

for (var key in 객체명){

객체명[key]

}

이런식으로 불러올 수 있다.

객체에 함수를 넣을때는

객체명.함수이름 = function(){}

이렇게 넣을 수 있는데, 이 함수를 쓸때는 객체명.함수명(); 으로 사용가능하고, 이렇게 객체에 소속된 함수는 method라고 한다.

객체에 소속된 변수는 property 라고 한다.

* 라이브러리와 프레임워크

라이브러리 : 도서관 개념. 부품이 잘 정리정돈된 것.

프레임워크 : 만들고자 하는것에 따라서 사용되는 부품이 달라지지만, 통합적으로 공통으로 사용하는 부분들을 정리해 둔 것. 반제품 개념.

라이브러리는 땡겨와서 작업하는 개념

프레임워크는 우리가 프레임워크 안에 들어가서 작업하는 개념

제이쿼리 = 자바스크립트 라이브러리 !

자바스크립트 문법을 아는것도 중요하지만 자바스크립트 라이브러리를 아는 것도 중요.

*  UI vs API

UI : User Interface. 사용자가 시스템을 제어하기 위해 사용하는 조작 장치.

API : Application Programming Interface. 하나의 애플리케이션을 만들기 위해서 프로그래밍 할때 사용하는 조작 장치. (ex. api) 

우리는 api 들을 응용해서 ui를 만든다.

# 최소한의 도구들을 가지고 문제를 해결해 보자

# document 객체 : html을 제어할 때

# window 객체 : 브라우저 자체를 제어할 때

# ajax : 새로고침 없이 정보를 변경하고 싶을 때 (현대적인 웹앱을 만들때 필수적임)

# cookie : 새로고침 되어도 현재 상태를 유지하고 싶을 때

# offline web application : 인터넷 없이도 동작하는 웹페이지

# webRTC : 화상통신 웹앱을 만들 때 

# speech : 음성인식 및 음성으로 정보전달 api

# webGL : 3차원 그래픽. 게임 등

# webVR : 가상현실