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

참고문헌 :typescriptlangHandbook - The TypeScript Handbook​ Handbook - The TypeScript HandbookYour first step to learn TypeScriptwww.typescriptlang.orgtypescriptlangHandbook - The TypeScript Handbook​https://www.typescriptlang.org/ko/docs/handbook/2/basic-types.html Documentation - The BasicsTypeScript를 배우는 첫 걸음: 기본 타입.www.typescriptlang.org 검색 : 타입스크립트의 타입 계층 구조 - 이미지 검색 ★ 기본 타입 1. 원시 타입(Primitive ..

1. 필요 개발 환경 a. Node.js : 자바스크립트 구동기, 어디서든 자바스크립트를 실행할 수 있게 해 줌 b. vs code 2. 타입스크린트는 자바스크립트의 확장판 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어 3. 타입 시스템 : ● 프로그램 언어를 사용할 때 타입과 관련해서 지켜야 할 규칙 체계(= 문법 체계)■ 정적 타입(static type) 시스템 ● 코드 실행 이전 모든 변수의 타입을 고정적으로 결정함 ● 모든 변수의 타입이 컴파일타임에 결정 ● 코드 수준에서 개발자가 타입을 명시해줘야 해서 타이핑 양이 매우 증가 ● C, JAVA, 타입스크립트String name = "홍길동";in..

● 변수        ● 조건문

정리문제  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..