자바스크립트 교육

일단 url 이다. 유다시티에서 진행하는 자바스크립트 무료교육이다.

https://www.udacity.com/course/viewer#!/c-ud804/l-1946788554

시작 자바스트립트 베이직

배우면서 알게되는 점을 노트 형식으로 남기려고 한다. 시작~~! (웹은 자유다.)
와우 일단 인스트럭션 노트가 한글로도 나온다. 다중 언어 지원-멋짐.

모질라 네트워크에서 지원하는 HTML에 관한 설명
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

DOM에 대한 설명
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

CSS에 관한 문서 (잘되어있다고 한다.)
http://docs.webplatform.org/wiki/css

MDN이 웹에 대한 문서
https://developer.mozilla.org/en-US/

뭔 문서가 이렇게 많아…

– 자바스크립트 문법

끝에 세미콜론 ; 을 사용한다.

– html의 요소를 바꿔주는 것이 자바스크립트.
– 프로그래밍 하면서 까먹는데 문자열은 “” 나 ”로 넣어줘야 한다.
– $(“#main”).append(“Charlie Chaplin”); – >요런식으로 하면 html의 main div에 이름이 출력된다.
– 자바스크립트 변수는 다음과 같이 저장한다.
var awesomeThoughts = “I am mjh and I am AWESOME!”
var 변수이름 = 변수밸류

-replace 기능은 다음과 같이 사용가능하다. ‘.’ 이 변수의 값에 접근 하는것.
var awesomeThoughts = “I am mjh and I am AWESOME!”
var funThought = awesomeThoughts.replace(“AWESOME”,”FUN”);
$(“#main”).append(funThought);

– s = s[1].toUpperCase() + s.slice(2);

[]는 문자의 배열에 접근하는 것. toUpperCase() 대문자로 만들어 주는 기능. 자바스크립트에서는 띄어쓰기 대신 대문자로 쓴다!
slice 는 해당 열부터 잘라내는것.

문자열에 대한 문서는 요기!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

– 배열은 다음과 같이 표현
var skill = [“Awesomeness”, “Business”, “Programming”, “English”];

[] 스퀘어 브레이스로 감싼다!

– slice는 배열을 그부분에서 부터 잘라온다.
– pop()은 마지막 배열을 제거하고 가져온다.
– push()는 배열 마지막에 집어 넣는다.

newArray = _array.slice(0);
var lastNumber = newArray.pop();
newArray.push(lastNumber+1);

– split 는 해당 글자를 기준으로 쪼개서 배열로 저장. slice 는 () 있는 것으로 쪼갬. 조인은 특정 문자를 포함하여 배열을 합침.
var names = finalName.split(” “);
names[1] = names[1].toUpperCase();
names[0] = names[0].slice(0,1).toUpperCase() + names[0].slice(1).toLowerCase();
finalName = names.join(” “);