● 변수 ● 조건문
정리문제 let a = 3;let b = 7; // a와 b의 값을 바꿔 출력// 결과 ) a = 7 , b = 3----------------------------------------------------------------------------------------------------------//문) 원의 반지름을 입력받아 원의 넓이(반지름 * 반지름 * 3.14)와//원의 둘레(반지름 * 2 * 3.14) 구하기//출력형태//입력받은 반지름 : ~~//원의 넓이 : ~~//원의 둘레 : ~~-----------------------------------------------------------------------------------------------------------//본문 안..
● 조건문

동기와 비동기,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() ● 각 배열 요소에 ..