Archived(Programming)/JavaScript (10) 썸네일형 리스트형 Chap 10. UI & API * UI와 APIUI는 user interface의 약자로, 사용자의 인터페이스API는 application programming interface의 약자로, 프로그램 동작 환경을 제어하는 것 UI는 사용자를 위한 부분, API는 프로그래머를 위한 부분사용자는 UI를 통해 프로그램 제어, 개발자는 API를 통해 프로그램의 동작 제어 자바스크립트의 내용을 전부 외우고 다닐 수 없기에 우리는 필요할 때마다 참조해서 사용하는 것이 일반적이다 레퍼런스가 사전이라면 튜토리얼은 안내서이다.자바스크립트의 경우, API 문서를 검색해서 참조! Chap 9. 모듈 * 모듈 크고 복잡한 프로그램에서 기존의 코드를 재활용하고 유지보수를 보다 쉽게 할 수 있도록 프로그램을 나눠서 관리하는 것인데 여기서 나눠진 프로그램을 모듈이라고 표현! 순수 자바스크립트에서는 모듈이라는 개념이 분명하게 존재하지는 않는다.BUT, 호스트 환경이라는 자바스크립트가 구동되는 환경에서 파일로 분할하여 관리할 수 있도록 가능! * 모듈화함수 부분을 계속 html에 포함시키는 것은 부담될 수 있음.따라서 이부분을 따로 빼는 것이 보다 좋을 수 있음. * Node.js 의 모듈화모듈을 로드하는 방법은 호스트환경에 따라서 달라진다!node js에서는 var mod = require('./node.circle.js') 와 같이 변수에다가 모듈을 가져와서 사용할 수 있다 * 라이브러리라이브러리는 모듈과.. Chap 8. 객체 * 객체의 소개와 문법배열과 비슷하게 연관된 데이터를 담는 그릇. 그렇지만 객체는 하나의 사물에 연관된 데이터를 저장하는 그릇연관배열(Associative array) 또는 맵(Map), 딕셔너리(Dictionary) 데이터 타입이 객체에 해당 12345var grades = {'kim' : 82, 'lee' : 50, 'choi' : 67} // 방법 1var grades = {}; // var grades = new Object(); 도 가능grades['kim'] = 82;grades['lee'] = 50;grades['choi'] = 67;Colored by Color Scriptercs * 객체와 반복문객체에 저장된 데이터를 기준으로 반복문 처리객체는 key와 value의 쌍으로 존재 1234v.. Chap 7. 배열 * 배열의 문법배열이란 연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입. 변수가 하나의 데이터 저장, 배열은 연속된 메모리 공간에 데이터를 모아서 저장. 1234var member = ['egoing', 'k8805', 'sorialgi']alert(member[0]);alert(member[1]);alert(member[2]);cs * 배열의 효용성배열의 효용성은 굉장히 우수, 데이터를 통으로 모아서 관리하고 저장하기에 관련된 데이터를 깔끔하게 관리할 수 있다 * 배열의 사용 - 배열과 반복문배열은 반복문과 함께 사용시 효용을 더욱 발휘한다다음과 같은 사용을 통해 배열의 인덱스를 변수로 접근하여 반복문을 통해 보다 효율적인 알고리즘을 작성할 수 있다 12345678910function.. Chap 6. 함수 * 함수란?함수란 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재상용성을 높여준다 1234function 함수명 (인자1, ...){ // 코드 return 반환값;}cs * 함수의 효용크게 재사용성, 유지보수, 가독성 등의 이득이 있다.구체적으로, 함수가 없다면 필요한 부분의 코드 내용을 계속해서 반복 작업해야 한다. 뿐만 아니라 보다 큰 문제에 대해서 분할정복의 방식으로 접근할 때도 필수적인 부분이므로 함수는 프로그래밍에 있어 매우 중요하다 * 함수의 입력함수는 Input을 넣으면 함수로 가공하여 Output을 제공한다함수는 인자값(Input)을 넣으면 가공을 하게 된다여기서 매개변수(parameter)를 통해 프로그래밍을 해두게 된다 * 함수의 출력return을 통해 함수는 출력값(Outp.. Chap 5. 반복문 * 반복문 기본문법 - Whileloop/iterate로 표현되는 반복적인 구문 * 반복조건다음과 같이 변수를 통해 while문을 활용한다 12345var 1 = 0;while(i Chap 4. 조건문 * 조건문이란조건문은 boolean과 밀접한 관련이 있다주어진 조건이 true인지 false인지 boolean 값에 따라서 수행할지를 결정할 수 있다 * else, else ifif 뿐만 아니라, else와 else if를 통해 다양한 형태의 조건문 활용 가능! * 조건문의 응용실제 변수를 통해 조건문을 활용하는 것이 일반적이다(prompt를 통해 입력요구창을 꺼낼 수 있다) 1234567id = prompt('아이디를 입력해주세요.')if(id=='egoing'){ alert('아이디가 일치 합니다.')}else { alert('아이디가 일치하지 않습니다.')}Colored by Color Scriptercs * 논리 연산자&&- and 연산자|| - or 연산자! - not 연산자 * boolean의.. Chap 3. 연산자 * 연산자값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호!그 중에서도 비교연산자는 값을 비교하는 연산자(대소 등)이러한 비교를 통해 boolean 값(true,false)을 반환 * 비교 연산자(==, ===)==는 동등 연산자로, 값이 같은지 다른지 비교===는 일치 연산자로, 값이 '정확하게' 같은지 다른지 비교(타입까지 같아야한다) 123//===사용하기alert(1=='1'); //truealert(1==='1'); //falsecs * === 연산자null과 undefined는 둘 다 값이 없는 것이지만 null은 프로그래머가 의도해서 값을 안주는 경우를 의미!즉 타입을 완벽하게 비교할 때는 ===, 타입까지 비교 필요없을 때는 == 사용! 123456789alert(null == und.. 이전 1 2 다음