602호_클라우드기반 자바풀스택_중앙정보처리학원_국비교육

​   동기와 비동기,AJAX  1. 동기(Synchronous)와 비동기(Asynchronous)란?      a. 작업을 처리하는 방식      b. 동기 : 한 작업이 완료될 때까지 다음 작업을 기다리는 순차적 실행 방식, 순서 보장, 순서 대기          (블로킹 됨)            ● 은행의 창구 시스템에 비유 할 수 있음.            ● 은행 창구에스는 한 번에 한 명의 고객만 응대함. 따라서 이미 다른 고객이 창구에서 업무               를 처리하고 있다면 그 고객의 업무 처리가 끝날 때 까지는 기다려야 함            ● 자바스크립트는 기본적으로 동기적으로 동작함            ● 동기적으로 동작하는 코드는 작성된 순서에 따라 작업이 진행되므로 작..

클래스   ● 객체 지향 프로그래밍(Object Oriented Programming)        ○ 객체들을 정의하고 그러한 객체를 활용해서 프로그램을 만드는 것 1. 클래스 선언    클래스명은 첫글자를 대문자로 사용하는 것이 개발자들 사이의 관례임 class 클래스 이름{ //멤버변수 //생성자 constructor() { } //메서드(=method)}  2. 객체(object, 인스턴스(instance)) 생성new 클래스이름();  3. 상속class 클래스명 extends 부모클래스명{}

예외처리  ● 구문 오류(syntax Error)       ○ 프로그램 실행 전에 발생하는 오류       ○ 오타 이거나 괄호 개수를 잘못 입력하는 등의 문법적 오류  ● 예외(Exception) 또는 런타임 오류(Runtime Error)      ○ 프로그램 실행 중에 발생하는 오류      ○ 문법적 오류를 제외하고 코드 실행 중간에 발생하는 오류  ● 예외 처리(Exception Handling)      ○ 예외가 발생하지 않도록 처리하는 것      ○ 기본적인 예외 처리는 문제가 발생할 수 있는 곳은 조건문 등으로 처리함 try{ //예외가 발생할 가능성이 있는 코드}catch(exception){ //예외가 발생했을 때 실행할 코드}//----------------------------..

DOM(Document Object Model) 1. 문서 객체 모델이란?      ● html태그 즉, 요소를 Javascript에서는 '문서 객체(document object)'라 부름.      ● 문서 객체 모델,문서 객체를 조합해서 만든 전체적인 형태      ● 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법      ● DOM은 웹 문서를 하나의 객체로 정의      ● 웹 문서를 이루는 텍스트나 이미지,표 등의 모든 요소도 각각 객체로 정의      ● 즉,DOM은 웹 문서와 그 안의 모든 요소를 '객체'로 인식하고 처리 2. DOM 트리    DOM은 웹 문서의 요소를 부모 요소와 자식 요소로 구분 3. DOMContentLo..

JSON 1. JSON 객체 : JavaScript Object Notation      a. 자바스크립트의 객체 처럼 자료를 표현하는 방식          주의)           객체          let obj = {                name:'홍길동',                age:23          }          json객체         {         "name":"홍길동",         "age":23         }      b. 값을 표현할 때는 문자열,숫자,불 자료형만 사용 가능      c. 함수 사용할 수 없음      d. 문자열은 반드시 큰따옴표(" ")로 묶어야 함      e. 키(=속성)에도 반드시 큰따옴표를 붙여야 함      f. 대부분의..

배열 반복(Array Iteration) 1. forEach()   배열명.forEach(함수)   배열이 가지고 있는 함수(메소드)로써 단순하게 배열 내부의 요소를 사용해 콜백함수를 호출 형식)배열명.forEach(콜백함수)배열명.forEach(function(value, index, array){ 함수 실행문 }); 배열명.forEach((value, index, array)=>{ 함수 실행문 }); 배열명.forEach((value)=>{ 함수 실행문 }); 매개변수인 value, index, array 중 index와 array는 생략 가능, 필요할 경우만 순서 맞춰 사용value, index 대신 임의의 변수명 사용가능       2. map()      ● 각 배열 요소에 ..

객체(Object)  ● 관련된 데이터와 함수의 집합  ● 자바스크립트에서 여러 자료를 다 다룰 때 객체를 사용  ● 객체 안의 변수를 속성(property), 함수를 메서드(method)라고 부름 1. 객체의 형식const 객체명 = { 속성:값, //key : value 속성:값, 메서드 : function( ){ // 화살표 함수는 메서드를 사용하지 않음 실행문 }, function 메서드명(){ 실행문 }, ...}// 값에는 자바스크립트의 모든 값이 올 수 있음 2. 객체의 속성(key)에 접근      a. 객체.속성      b. 객체["속성"]      c. this : 자기 자신이 가진 속성이라는 표시   객체 연습 ..

함수(Function)  ★ 함수1. 함수 : 코드의 집합    자바스크립트에서는 함수도 하나의 자료라서 변수에 할당할 수 있고,    함수를 함수의 매개변수로 전달해서 활용할 수 있음    자바스크립트는 함수와 변수가 굉장히 유연함 2. 함수를 사용하는 목적      ● 반복되는 코드를 한 번만 정의해 놓고 필요할 때마다 호출해서 사용(재사용성)      ● 기능별로 분류를 함으로써 모듈화 가능      ● 유지보수가 수월      ● 가독성이 좋아짐 3. 함수 용어      a. 함수 호출 : 함수를 사용하는 것      b. 매개변수 : 함수를 호출할 때 괄호 내부에 여러 가지 자료를 넣을 수 있는데 이 때 이 자료      c. 리턴값 : 함수를 호출해서 최종적으로 나오는 결과 반환  ★ 선언적 ..

배열(Array)객체의 종류 : 배열, 함수, 배열이나 함수가 아닌 객체 ★ 배열1. 배열(Array)      a. 여러 자료를 묶어서 활용할 수 있는 특수한 자료      b. 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형      c. [ ]를 사용하여 생성, 값은 쉼표(,)로 구분, [요소,요소,요소,....]      d. 배열 안에는 서로 다른 자료형을 담을 수 있음      e. 배열 안에는 배열이나 변수를 넣을 수도 있음      f. 자바스크립트는 배열의 길이가 고정이 아님      g. 배열의 값 : 요소      h. 요소의 순서를 인덱스 , 인덱스 : 0번부터 시작      i. 배열의 요소 값 읽기 : 배열명[인덱스]       비교 ) 자바의 배열은 같은 자료형만 담을 ..

제어문조건문과 반복문   1. 조건문 : 조건에 따라 처리해야 할 때        a. if문if(조건식) { // 조건식 - 참과 거짓을 판단할 수 있는 식 조건식이 참일 때 실행할 문장들 }          b. if ~ else 문if(조건식){ 조건식의 결과가 참일 때 실행할 문장}else{ 조건식의 결과가 거짓일 때 실행할 문장}           c. if ~ else if ~ elseif(조건식){ 조건식의 결과가 참일 때 실행할 문장}else if(조건식){ 조건식의 결과가 참일 때 실행할 문장}...}else{ 위 조건이 모두 거짓일 때 실행할 문장}             d. switch 문 switch(변수 또는 수식){ case 값1..