모듈 1.모듈이란? 2.모듈화 3.Node.js 4.라이브러리 5.라이브러리사용하기

1.모듈이란? 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. (아주 좋은 부품을 만들어서 사용한다 생각하면된다 ) 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 이를 통해서 얻을 수 있는 효과는 아래와 같다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다.코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다.코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다.한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약 할 수 있다..
생활코딩 JavaScript 2018. 11. 25. 20:28

객체-1.객체의 소개와 문법 2.객체와 반복문 3.객체지향 프로그래밍

1.객체의 소개와 문법배열은 아이템에 대한 식별자로 숫자를 사용했다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 이 인덱스를 이용해서 데이터를 가져오게 되는 것이다. 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 한다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당한다.( 객체= 연관 되어 있는 그릇을 말한다 배열과 유사한 역할 을 한다 ) 하지만 배열 과의 차의 점이 있다 위에서 말한것 처럼 인덱스의 값을 배열을 숫자 ,객체는 문자를 넣어 준다 객체의= 생성 객체를 만드는 법이다.var grades = {'ego..
생활코딩 JavaScript 2018. 11. 25. 18:26

배열-1.배열의 문법 2.배열의 효용성 3.배열의 사용-배열과 반복문 4.배열의 조작-추가 5.배열의 조작-제거 ,정렬

1.배열의 문법 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 변수 name에는 문자 egoing이 할당되었다.이제부터 name을 호출하면 문자 egoing을 사용할 수 있다. var name = 'egoing'alert(name); 배열의 생성변수 member에 회원정보를 담아보자. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다.var member = ['egoing', 'k8805', 'sorialgi'] 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터를 원소(Elem..
생활코딩 JavaScript 2018. 11. 19. 10:10

함수-1함수란? 2.함수의 효용성 3.함수 입력4.함수쳘력5.다양한 함수

1함수란?-함수(프로그램적)함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.(캡슐화,모듈화)우리가 따로 만들어 놓고 붙여넣기만 하면되는 것이라 생각하면 쉽다.-함수의 형식function 함수명( [인자...[,인자]] ){ 코드 return 반환값}// 함수이름으로 호출해서 그안에 내용을 사용할 수 있다 -함수의 정의와 호출함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다.function numbering(){// 함수정의 및 내용 입력 document.write(1);}numbering();// 함수호출 () 꼭 넣준다 -결과// 함수를 한번 호출1 지금은 한줄을 위해 함수를 만들었지만 100줄정도 된다 생각하면 만들어놓고 한줄만 써..
생활코딩 JavaScript 2018. 11. 18. 23:34

반복문-1.반복문의 기본문법-while 2.반복조건 3.for문 4.반복문의 효용성 5.반복문의 제어 6.반복문의 중첩사용과 디버거

1.반복문의 기본문법-while반복문(loop ,iterate)인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다.반복문은 while과 for 가 있다 둘 다 머머 하는 동안이라는 뜻을 갖고 있다  -반복문의 문법while (조건(블린 데이터타입이 true인 동안 )){    반복해서 실행할 코드}다음 예제는 무한반복을 발생시킨다. 저장되지 않은 작업이 있다면 모두 정리한 후에 이 명령을 실행하자. 웹브라우저는 무한반복을 허용하지 않기 때문에 어느 정도 시간이 흐르면 스크립트를 종료할 것인지 물어볼 것이다.document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 ..
생활코딩 JavaScript 2018. 11. 17. 17:50

조건문-4.논리연산 5.Booklean의 대체재

4.논리연산논리 연산자는 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와준다.&&(그리고 라는 뜻을 가지고 있다)&&는 좌항과 우항이 모두 참(true)일 때 참이된다. 다음 예제를 보자. 결과는 1이다. &&의 좌우항이 모두 true인 것은 첫번째 조건문 밖에 없기 때문이다. 이러한 논리 연산자를 and 연산자라고 한다. 여러게의boolean을 하나의boolean값으로 결과를 보이는 것 if(true && true){ //true 출력가능 alert(1);}if(true && false){//false 불 출력가능 alert(2);}if(false && true){//false 불 출력가능 alert(3);}if(false && false){//false 출력가능 alert(4); } ..
생활코딩 JavaScript 2018. 11. 17. 16:24

조건문-1.조건 문이란?(if,else)2.else,else if 3.조건문의 응용

◎조건 문이란?(if,else) -Boolean'비교 '에서 비교 연산의 결과로 참(true)이나 거짓(false)을 얻을 수 있다고 배웠다. 여기서 참과 거짓은 언어에서 제공하는 데이터 형이다. 이를 Boolean(불린)이라고 부르고 불린으로 올 수 있는 값은 true와 false 두가지 밖에 없다. 불린은 조건문에서 핵심적인 역할을 담당한다. -조건문(conditional staement)조건문이란 주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것이다. -조건문의 문법-if조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다.아래 예제의 실행결과는 'res..
생활코딩 JavaScript 2018. 11. 16. 19:02

비교 -1.연간자 2.비교연산자(== 과 ===) 3.===를 사용하자 4.부정과 부등호

비교 1.연간자 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호인데 우리는 이미 연산자를 사용했다. 아래 예제 중에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 '대입 연산자'다. 본 수업은 연산자가 무엇인가에 대한 이해를 돕기 위한 것일 뿐 외울 필요는 없다. 차차로 알게 된다. a=1// a변 수 에 1을 저장한다 '='는 대입 연산 외항에 있는 것을 우항 으로 해서 연산(이학 연산자) 2.비교연산자(== 과 ==) 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻이다. t..
생활코딩 JavaScript 2018. 11. 16. 18:16