1. 개념 1.1. Typescript - 자바스크립트 언어에 자신의 문법을 추가한 superset language - 자바스크립트와 달리 컴파일 언어로써 코드 작성 단계에서 에러 검출 가능 1.2. Vue.js - Web Application의 UI를 만들기 위해 사용하는 open source progessive javascript framework - 다른 javascript library에 도입 용이 1.3. Node.js - 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 - 자바스크립트를 활용하며 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능 보유 1.4. React.js - UI 생성에 집중한 자바스크립트 라이..

Chapter 6. 계산기 프로그램1. 개요HTML, CSS, Javascript를 이용하여 웹브라우저에서 이용할 수 있는 계산기 프로그램을 만든다. 2. 디자인가장 일반적으로 사용하는 계산기의 디자인을 참고하여 제작하였다.구조는 다음과 같다.계산기 전체를 감싸는 foundation, 모든 객체는 foundation에 소속되어 있다.상단 부분을 차지하는 top,계산기의 로고를 담당하는 logo와 결과를 출력하는 monitor가 소속되어 있다.하단 부분을 차지하는 bottom,단순 입력을 실행하는 버튼 whiteButton과 연산을 실행하는 greyButton이 소속되어 있다. 3. 로직3.1. 변수opertator: 입력받은 연산자를 저장하는 변수 checkOperator: 입력받은 연산자의 존재여부를 ..

Chapter 5. Event Handler, Window Object1. 이벤트 핸들러의 개념1.1. 이벤트- Event는 특정한 동작이 발생하였다는 신호를 의미한다.- 자바스크립트는 이러한 이벤트가 발생되는지 계속 체크한다. 1.2. 이벤트 핸들러- Event Handler는 이벤트가 발생할 때마다 처리하는 하나의 함수 혹은 메소드를 의미한다.버튼이 눌러졌다(이벤트 발생) -> 실행되는 함수 또는 메소드(이벤트핸들러)-보통 이벤트 하나에 이벤트 핸들러 하나가 존재한다. 1.3. 이벤트 핸들러의 사용- 보통 태그 내에 이벤트를 삽입하는 방식이 사용된다.형식: ex)//버튼 클릭 시 알림 창 띄움- 객체의 이벤트 핸들러 속성에 직접 자바스크립트 함수를 호출할 수도 있다. 2. 이벤트 핸들러의 종류2.1...

Chapter 4. 자바스크립트의 객체1. 객체의 개념- 객체(object)란 실세계를 표현하고 프로그램 내에서 작업을 용이하도록 만들어 주는 프로그래밍 구조를 의미한다.메소드(Method)라는 행위(behavior)를 포함해야 하며다른 객체와 구분되는 속성(Attribute)라는 고유한 식별자(identifier)를 가진다.- 클래스(Class)란 객체를 생성해 주는 틀(Frame)을 의미한다. 2. 객체의 종류2.1. 사용자 정의 객체사용자 정의 객체는 사용자가 프로그램에서 자기의 용도에 맞게 스스로 정의해서 사용할 수 있는 객체이다. 사용자 정의 객체를 사용하기 위해서는 객체를 정의하고 객체를 생성하며, 관련 값을 갖는 객체의 인스턴스 참조 과정을 거쳐야 한다. 2.1.1. 사용자 정의 객체의 정의..

chapter 3. 자바스크립트의 제어문과 함수1. 제어문1.1. 제어문 종류-조건 만족 여부에 따라 실행문을 제어할 수 있는 조건문-어떤 변수에 일치하는 경우의 값에 따라 실행문을 제어할 수 있는 선택문 -특정 실행문을 여러 번 반복 실행할 수 있도록 하는 반복문 1.2. 조건문1.2.1. if1.2.2. if-else1.2.3. if-else ifif문과 else if문이 꼬리를 연속해서 무는 구조로, 해당 조건문을 만날 때마다 검사하여 참일 때 해당 조건문 블록 내의 문장을 실행하고, 조건문을 빠져나간다. 1.2.4. switchswitch(조건문){           case 값:                     문장;                     Break;           defa..

Chapter 2. 자바스크립트의 기본개념1. 자바스크립트의 개념자바스크립트는 HTML에 애니메이션, 상호작용성, 동적인 시각효과 등을 채워줄 수 있는 프로그래밍 언어이다.자바스크립트를 이용하여 즉각적인 피드백을 제공함으로써 페이지를 보다 유용하게 만든다. 2. 자바스크립트의 특징- 모든 웹 브라우저에서 작동한다.- 풀스택 웹 개발뿐 아니라 다양한 용도의 프로그램을 만들 수 있다.- 다양한 자바스크립트 공개 API, 라이브러리와 프레임워크를 사용할 수 있다.- 자바스크립트는 인터프리터 방식의 언어이다.- 자바스크립트는 포인터를 지원하지 않는다.- 자바스크립트는 객체기반 방식이다. 3. 자바스크립트의 위치1)내부 자바스크립트: HTML 문서 내에 블록으로 존재2)외부 자바스크립트: 외부 문서로 따로 빼내..