1. Javascript

Javascript

웹을 프로그래밍적으로 제어하기 위한 도구이며 서버사이드, 클라이언트 사이드에서 모두 사용할 수 있다.

숫자와 문자

alert('Chae\'s coding everybody'); (\ - 뒤에 있는 문자는 그냥 문자로 인식한다.)

 typeof - 뒤에 있는 형식이 어떤 형식인지 알려준다.

 문자열에 관한 제어는 일반적인 프로그래밍과 같게

생활코딩 자바스크립트 사전 참조. - 자바스크립트 관련 문법

변수

var은 변수를 선언하겠다는 것을 의미하며 변수는 코드의 재활용성을 높여준다.

예를 들어 var a = 1;과 같이 선언한다. (처음 선언할 때만 var을 선언하고 그 다음부터는 안써도 된다.)

; 과 줄바꿈으로 명령이 끝남을 안다. var a = 1; alert(a); 와같이 명령을 한줄에 넣을 때  필요하다.

비교

연산자 - 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호

alert(1 == 2) -> false

alert(1 == "1") -> true

=== - 엄격한 동등 연산자

alert(1 === "1") -> false

null - 값이 없다. -  값이 없다는 것을 의도한 상황(null이라는 데이터 타입)/ undefined - 값이 정의되지 않았다. - 값

이 없다는 것을 의도하지 않은 상황

==에서는 true와 1을 동등하게 취급한다.

나머지 비교 연산자는 일반적인 프로그래밍과 같게 취급된다.

조건문

주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 한다.

alert(1);

alert(2);

alert(3);

alert(4);

alert(5);

이걸 한번에 실행하면 순서대로 1 확인 - 2 확인 - 3 확인 .. 이런 순으로 순차적 실행이 된다. 미리 컴파일되서 한번에

다 뜨는 것이 아니다.

prompt("text"); - 이것을 통해 사용자로부터 값을 받을 수 있다. ex) alert(prompt('당신의 나이는')); - alert에 내가 입

력한 값이 출력

if('') - 빈문자열의 경우 false로 간주

undefined , NAN, NULL - false로 간주

반복문

while(조건){

} - 조건이 만족할 때 { }안에 있는 것이 반복하여 실행된다.

 

반복작업을 중간에 중단시키고 싶다면 break문을 통해 중단시킨다.

continue - 순간에만 종료하고 다시 진행

document.write('text' + i + z + ' text') - 이렇게 하면 자바스크립트에서 뒤에 있는 숫자형 변수는 자동으로 문자형으

로 바꿔서 출력한다.

크롬 개발자 도구(F12)에서 Source를 통해 breakpoint를

함수

코드의 재사용성, 유지보수의 용이

function 함수명(인자){

코드

return 반환값

}

익명함수 - 1회성 호출 함수에 한해 (함수 코드)(); <- 이런식으로 사용가능

배열

var member = ["채영도", "조희윤", "일이삼"]

member.toUpperCase() - 소문자를 대문자로 바꿈

member.length - 배열의 크기

member.push('사오륙'); - 배열에 추가

member = member.concat(['사','오']); - 배열에 배열을 연결

member.splice(index, howmany, element1, element2....); - index부터 howmany만큼 삭제하고 element를 넣는다.

member.shift() - member의 첫번째 원소를 제거

member.pop() - member의 마지막 원소를 제거

member.sort() - 원소를 정렬

member.reverse() - 원소를 역순으로 정렬

member.sort(sortfunction) - 내가 원하는 정렬 방법으로 정렬

객체

연관되어 있는 데이터들을 담아내기 위한 그릇이며 배열의 인덱스를 문자열을 통해 식별

var grade = {'채영도' : 100, '조희윤' : 95}

grade['채영도'] = 100

모듈

코드를 여러개의 파일로 분리하면서 코드의 재활용성을 높이고 애플리케이션의 동작을 개선하며 필요한 로직만을 로드해 메모리의 낭비를 줄일 수 있다.

또한 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약할 수 있다.

순수한 자바스크립트에서는 모듈이라는 개념이 분명하게 존재하지는 않는다. 하지만 호스트 환경(자바스크립트가 구동되는 환경을 의미)에 따라서 서로 다른 모듈화방법이 제공되고 있다.

모듈은 어느 페이지의 함수가 다른 여러 페이지에서도 동일하게 사용될 때 그 함수를 모듈화 하여 다른 페이지에서도 사용가능하게 만드는데 이때 모듈화 함수는 따로 ex) greeting.js라는 파일로 만들어서 <script src = "greeting.js">와 같이 참조하여 사용한다. 

이렇게 함수를 분리함으로써 본 페이지의 코드가 간결해진다.

라이브러리 - 라이브러리와 모듈은 비슷한 개념이다. 모듈이 프로그램을 구성하는 작은 부품으로서의 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합을 의미한다고 볼 수 있다. 예제로 jQuery가 있다.

jQuery는 jQuery.com에서 다운을 받고 사용할 수 있다.

UI와 API 그리고 문서보는 법

API - Application Programming Interface로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작장치는 프로그래밍 언어를 통해서 조작할 수 있다. 이걸 응용해서 우리가 원하는 환경을 만든다  - alert명령을 수행했을 때 운영체제단, 웹 페이지 자체단에서 제공하는 API를 이용해서 경고창이 뜨게 된다.(경고창은 x버튼에 커서를 가져가면 강조처리되고 폼을 닫을 수 있다. 또한 확인버튼, 폼의 크기, 폼의 위치를 다른 프로그래머들이 api로서 다 준비해두고 개발자들은 이걸 사용하게 된다.)

UI - User Interface - 사용자를 대면하는 접점이 되는 부분

아래에서부터 윗단계 사용자들이 사용할 수 있는 인프라(interface)를 구축해준다.

레퍼런스, 튜토리얼 - 튜토리얼은 언어의 문법을 설명하고, 레퍼런스는 명령어 사전을 의미한다.

자바스크립트 API - 크게 자바프크립트 자체의 API와 자바스크립트가 동작하는 호스트환경의 API로 구분된

다.

API - ECMAScript , 자바스크립트 사전(생활코딩), 자바스크립트 레퍼런스(MDN), jscript 레퍼런스(MSDN)

호스트 환경 API - 웹브라우저 API, Node.js API, Google Apps Script API