FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - API 란? Application Programming Interface의 약자로, 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치입니다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있습니다. - 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분됩니다. 자바스크립트 자체에서 제공하는 API 의 정보 ECMAScript (표준문서) 자바스크립트 사전 (생활코딩) 자바스크립트 레퍼런스 (MDN) jscript 레퍼런스 (MSDN) MDN은 파이어폭스에서 제공하는것입니다. 생활코딩에서 만든것은 한글화가되어있는데 MDN에..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 라이브러리 라이브러리는 모듈과 비슷한 개념입니다. 하지만 모듈은 프로그램을 구성하는 작은 부품으로써 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 정리가 되어있는 코드들의 집합이라고 할 수 있습니다. 프로그래밍을 할 때 라이브러리를 만들어서 사용하는 것도 좋지만, 이미 좋은 라이브러리가 많기 때문에 잘 알아보고 선택하여 사용하는 것은 코딩을 할 때에 효율성을 높일 수 있습니다. - 라이브러리 사용 (jQuery) empty empty empty empty 위의코드는 버튼을누르면 "empty"라고 가진 문자열 텍스트를 "good~" 으로 바꾸는 코드입니다. 해당코드의 중요한 부분만 간단히 설명하자면...

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 모듈이란? 모듈은 프로그램을 구성하는 작은 부품입니다. 코드의 재활용성을 높이고 유지보수를 쉽게할 수있게 하기위해 다양한 기법들을 사용합니다. 그 중 하나가 코드를 여러개의 파일로 분리하여 사용하는것입니다. 그렇게된다면 아래와같은 효과를 얻을수있습니다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 객체(Object) 객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합입니다. 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pair를 저장할 수 있는 구조입니다. - 객체의 생성 자바스크립트에서 객체를 만드는 방법은 아래 예시와 같습니다. var grades = {'num1': 20, 'num2': 26, 'num3': 55}; 위의 예제를보면 num1 은 key 가 되는 것이고, 20은 value가 됩니다. var grades = {}; grades['num1'] = 20; grades['..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 배열(Array)이란? 배열이란 연관된 데이터를 하나의 변수에 그룹핑해서 관리하기 위한 방법입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있겠죠. 대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 됩니다. var Fruit_basket = ['apple', 'orange', 'banana'] console.log(Fruit basket); 배열에 담겨져 있는 각각의 데이터는 원소(Element)이라고 불립니다. 이제 이 데이터를 꺼내보겠습니다. var Fruit_basket = ['apple..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 함수 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여줍니다. 함수의 형식은 아래와 같습니다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라옵니다. 소괄호에 인자라는 값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수입니다. 인자는 생략 가능합니다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 오게됩니다. 예시는 아래와 같습니다. 위의 예제 제일 하단에 아래 구문에 의해서 numbering()이라는 이름의 함수가 호출되는 것입니다. - 함수..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - break 반복 작업을 중간에 중단하고 싶을 때 사용하는 것입니다. 예시로 살펴보도록 하겠습니다. for(var i = 0; i < 10; i++){ if(i === 5) { break; } console.log('test'+i); } 코드를 실행하면 위와같은 결괏값이 나옵니다. i가 5일때 break; 문을 만나 for문을 탈출하게되어 test0~4까지 출력되었습니다. - Continue 실행을 즉시 중단하지만 반복을 지속적으로 하게할려면 Continue를 써야합니다. 예제는 아래와 같습니다. for(var i = 0; i < 10; i++){ if(i === 5) { continue; } console.log('test..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅 입니다. - 반복문 사람은 반복적인 작업을하면 지루해하고 많은 작업을 할수록 실수가 발생합니다.컴퓨터는 이런 반복적인 작업을 대신해줄수있습니다. - for 자바스크립트에서 반복을 표현하는 방법 중 하나인 for는 아래의 형식을 하고 있습니다. for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){ 반복해서 실행될 코드 } 예시를 보도록 하겠습니다. for(var i = 0; i < 10; i++){ document.write('hi~'+i+' '); } for문은 제일 먼저 '초기화'를 합니다. 위의 예제에서 초기화는 var i = 0; 입니다. 그 후 i < 10을 실행하고 조건이 참이라면 중괄호 안에있는 코드가 실행됩니다. ..