1. 변수의 생명 주기변수는 선언되며, 할당을 통해 값을 갖는데, 이는 생물과 같이 생성되고 소멸되는 생명주기(life cycle)라는 것을 가진다.전역 변수 생명주기가 있고, 지역 변수 생명주기가 있다. 1-1. 지역 변수 의 생명 주기함수 내부에 선언된 지역 변수는 함수가 호출되며, 생성되고 함수가 종료하면 소멸한다.함수 몸체 내부에서 선언된 지역 변수 생명주기는 함수 생명 주기와 대부분 일치 하지만, 지역 변수가 함수보다 오래 생존도 있음이 경우는 클로저와 연관이 있는데 클로저를 간단하게 말하자면 함수 내부에서 선언된 변수가 함수가 종료된 이후에도 그 값을 유지하고 참조할 수 있는 현상이다.클로저가 만들어지면, 함수가 종료된 후에도 해당 함수의 렉시컬 환경을 메모리에 유지하기 때문에, 함수의 지역..

window 함수브라우저를 지칭하는 객체브라우저에서 실행되는 자바스크립트 코드에서 기본이 되는 객체는 window이다.window는 브라우저 자체를 지칭하는 객체이며, 이 window객체서 제공하는 변수, 함수를 이용해 프로그램을 작성할 수 있다.window 객체에서 다이얼로그를 띄우기 위한 alert(), confirm(), prompt() 함수를 제공한다.alertwindow.alert() → window 생략 가능 → alert()간단한 메세지 출력promptprompt()확인/취소 선택confirmconfirm()사용자 글 입력document.write() 함수document 객체는 브라우저에서 실행되는 HTML 문서 자체를 지칭하는 객체이다.document.write() 함수는 HTML 문서에 ..

1. 스코프란?스코프(scope) 유효범위는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념이다.변수와 상수, 즉 var 키워드로 선언한 변수와 let, const 키워드로 선언한 변수의 스코프는 다르게 동작한다.매개변수를 참조할 수 있는 유효 범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되어 있기 때문이다.function add(x, y) { // 매개변수는 함수 몸체 내부에서만 참조할 수 있다. // 즉, 매개변수의 스코프(유효범위)는 함수 몸체 내부이다. console.log(x, y); // 2 5 return x + y;}add(2, 5)// 매개변수는 함수 몸체 내부에섬나 참조할 수 있다.console.log(x, y); // ReferenceError: x is n..

1. 함수란?함수는 일련의 과정을 문(statement)로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다.여기서 입력을 받아 출력을 내보내는데, 함수 내부로 입력을 전달 받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)라 한다. 또한 함수는 값이며, 여러 개 존재할 수 있으므로, 특정 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수있다.함수는 함수 정의(function definition)를 통해 생성한다즉, 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야 한다. 이를 함수 호출이라고 한다.// 함수 호출var result = add(2, 5);// 함수 add에 인수 2, 5를 전달하면서 ..

플랫폼소프트웨어 개발자 입장에서 플랫폼 용어를 한정 지어 보면 우리가 만드는 애플리케이션을 실행시켜주는 환경을 말한다.예를 들면, MS Word도 어플리케이션이며, 윈도우 OS에서 실행이 된다.MS Word라는 애플리케이션을 실행시켜주는 플렛폼은 윈도우 OS라 말할 수 있다.네트워킹전세계 수많은 컴퓨터(개인, 서버 등)들이 인터넷으로 연결되어 있고, 인터넷에 연결된 컴퓨터끼리 상호 데이터를 주고 받는 것을 뜻한다.W3CWorld Wide Web의 약어로 웹 표준화 단체이다.웹의 표준을 책정하여 다양한 브라우저에서도 동일하게 작성 혹은 동작하는 웹 애플리케이션을 개발할 수 있게하는 단체이다.W3C 의 웹 표준화 관련된 문서등은 https://www.w3.org/ 에서 확인 가능하다.프로토콜(Protoclo..

1. 프론트 웹 어플리케이션소프트웨어 언어의 궁긍적인 목표는 데이터이다.동적 컨텐츠을 양산할 수 있어야 한다.변수가 있어야 한다.HTML / CSS는 소프트웨어 언어라고 말할 순 없다. → 정적인 컨텐츠는 가능하지만, 동적인 컨텐츠는 불가능하기 때문이다.Client-Server Application네트워킹을 하는 Applicationdata를 주고 받는 규칙을 프로토콜 이라고 한다.클라이언트 - 서버 구조란 클라이언트 애플리케이션과 서버 애플리케이션이 상호 네트워킹을 통해 업무 진행하는 구조이다.클라이언트 - 서버 구조에서 HTTP 프로토콜을 이용해 네트워킹을 한다면 웹 어플리케이션이라 한다. 1-1. 클라이언트서버 애플리케이션은 범용적인 용어서버 구조에서 애플리케이션들이 웹의 프로토콜인 HTTP 프로토..