01장 프로그래밍, 02장 자바스크립트란?

Notice

개인 블로그로 이전 했습니다! 많이 놀러와 주⋯

Recent Posts

Recent Comments

Link

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

Daehyunii's Dev-blog

01장 프로그래밍, 02장 자바스크립트란? 본문

📚 Language & CS knowledge/JavaScript (모던자바스크립트 Deep Dive)

01장 프로그래밍, 02장 자바스크립트란?

Daehyunii 2022. 6. 21. 22:29

책 읽기 시작 전 :

강의를 통해 전반적인 자바스크립트 관련 내용들을 빠르게 알아봤으므로, 이제는 자바스크립트의 기초 개념 및 동작 원리를 중심으로 학습하기 위해 본 책을 읽어 나가보려 합니다!

01장 프로그래밍

1.1 프로그래밍이란? :

프로그래밍 언어를 사용해 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다.

문제 해결 능력을 바탕으로 문제 해결 방안을 정의한 후, 정확하고 상세하게 요구사항을 컴퓨터에게 설명하는 일련의 과정이며,

그 결과물이 코드이다. 이러한 과정을 잘 처리해 나가기 위해서는 Computational thinking, 즉 컴퓨팅 사고 방식이 필요하다.

1.2 프로그래밍 언어 :

문제를 해결하기 위해서는 문제 해결 방안을 기계어로 컴퓨터에게 전달해야 한다. 하지만, 기계어는 사람들의 언어와 체계가 너무나도 다르기 때문에 활용하기 매우 어렵다. 이러한 문제를 해결하기 위해 사람이 이해할 수 있는 약속된 구문으로 구성된 프로그래밍 언어를 사용해

프로그램을 작성한 후, 그것을 컴파일러/인터프리터를 통해 기계어로 컴퓨터에게 전달하는 것이다. 즉, 일종의 인공어다.

1.3 구문과 의미 :

프로그래밍은 언어는 구문(syntax)와 의미(semantics)로 구성된다. 문법을 잘 알고 있다고 하여 언어를 잘 사용한다고 말할 수는 없기 때문에 알맞은 구문과 의미적으로 옳게 프로그래밍 언어를 사용해서 프로그래밍 해야 한다.

02장 자바스크립트란?

2.1 자바스크립트의 탄생 :

'넷스케이프 커뮤니케이션즈'의 웹 브라우저의 보조적 기능 수행을 위하여 '브렌덴 아이크'가 개발한 자바스크립트를 도입하였다.

자바스크립트 이름의 변천사는 모카 > 라이브스크립트 > 자바스크립트 순으로 명명되었다.

자바스크립트는 출시 직후, '마이크로소프트'는 자바스크립트의 파생버전인 Jscript 출시했고 자바스크립트는 위기에 처했다.

2.2 자바스크립트의 표준화 :

초창기 '마이크로소프트' 인터넷 익스플로러에 탑재한 Jscript와 '넷스케이프 커뮤니케이션즈'의 브라우저에 탑재한 Javascript가 표준화되지 못하고 적당히 호환되면서 크로스 브라우징 이슈가 발생했다. 그로인해 모든 브라우저에서 정상적으로 동작하는 웹페이지를 개발하기가 무척 어려워 졌고, '넷스케이프 커뮤니케이션즈'는 컴퓨터 시스템 비영리 표준화 기구인 ECMA international에 자바스크립트의 표준화를 요청했고, 그 결과 ECMA-262 탄생했다. (ECMAscript로 명명)

@기초개념
-웹 브라우저 : 인터넷 사이트에 접속 할 수 있는 도구 ,즉 렌더링 도구 ex) Safari, Chrome, Internet explorer
-웹 페이지 : 온라인으로 볼 수 있는 단일 문서 또는 텍스트, 이미지, 비디오로 가득찬 페이지
-웹 사이트 : 공동 스레드를 공유하는 페이지의 모음
-웹 서버 : 웹 브라우저와 같은 클라이언트로부터 HTTP 프로토콜로 요청을 받아,

HTML 문서 등과 같은 정적 웹 페이지를 응답해주는 소프트웨어
-클라이언트 : 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터

2.3 자바스크립트 성장의 역사 :

초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적 용도로 사용되었다. 이 시기 대부분의 로직은 주로 웹 서버에서 실행되었고, 브라우저는 서버로부터 전달받은 HTML과 CSS를 단순히 렌더링하는 수준이었다.

@기초개념

-로직 : 논리적 흐름
-렌더링 : HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것

2.3.1 Ajax의 등장
웹 브라우저와 웹 서버가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능으로 'XMLHttprequest'라는 이름으로 등장했다.
이전의 웹 페이지는 시작과 끝을<html></html>로 코드를 작성하여 완전한 HTML 코드를 서버로부터 전송받아 웹 페이지
전체를 렌더링하는 방식으로 동작했다. 이로인해 불필요한 데이터 통신이 발생했다. Ajax는 필요한 데이터만 서버로부터 전송받아 변경해야 하는 부분만 한정적으로 렌더링하여 기존의 비효율성을 개선했다.(자바스크립트와 Ajax기반으로 만들어진 '구글 맵스'에서 검증했음)

@기초개념

-비동기 : Asynchronous 동시에 일어나지 않는(동기 방식에 비해 복잡하지만, 더 효율적임)
-동기 : synchronous 동시에 일어나는

2.3.2 jQuery의 등장
jQuery의 등장으로 다소 번거롭고 논란이 있었던 dom(document object model)을 쉽게 제어할 수 있게 만들어 주었으며, 크로스 브라우징 이슈도 어느 정도 해결되었다.

2.3.3 V8 자바스크립트 엔진의 등장
'구글 맵스' 이후로 더욱 빠르게 동작하는 자바스크립트 엔진의 필요성이 대두 되었고, '구글'은 V8자바스크립트 엔진을 만들었다.

그 결과 과거 웹 서버에서 수행되던 로직들이 많은 부분 브라우저로 이동했고, 이는 웹 애플리케이션 개발에서 프런트엔드 영역이
주목받는 계기로 작용했다.

@기초개념

-자바스크립트 엔진 : 자바스크립트 코드를 해석하고 실행할 수 있는 인터프리터임

2.3.4 Node.js의 등장
'라이언 달'이 발표한 '구글' V8 자바스크립트 엔진으로 만들어진 자바스크립트 런타임 환경으로,
자바스크립트 엔진을 브라우저에서 독립시킨 자바스크립트 실행 환경이다.
이는 자바스크립트가 브라우저를 벗어나 범용 프로그래밍 언어가 되는 계기가 되었다.

현재 자바스크립트는 크로스 플랫폼을 위한 가장 중요한 언어로 주목 받고 있다.

@기초개념

-런타임 : 간단하게 프로그래밍 언어가 구동되는 환경임

-크로스 플랫폼 : 다양한 플랫폼에서 사용할 수 있는

2.3.5 SPA 프레임워크의 등장
자바스크립트가 주목받는것과 동시에 개발 방식이 더욱 복잡해졌고, 그로 인해 많은 패턴과 라이브러리가 생겨났다.

하지만, 이는 애플리케이션 아키텍처의 구축을 어렵게 하는 결과를 만들게 되었고 필연적으로 프레임워크가 등장하게 되었다.

@기초개념
-프레임워크 : 일정한 목적에 따라 효율적으로 구조를 짜놓는 개발 방식으로 클래스와 라이브러리의 모음임
-라이브러리 : 삽, 톱니, 망치와 같은 일종의 도구

2.4 자바스크립트와 ECMAScript의 관계
ECMAScript는 ECMA-262를 의미하며, 자바스크립트의 표준 사양으로 핵심 문법을 규정한다.
각 브라우저 제조사는 ECMAScript 사양을 준수해서 브라우저에 내장되는 자바스크립트 엔진을 구현한다.

(ECMAscript ⊂ 자바스크립트)

2.5 자바스크립트의 특징
웹 브라우저에서 동작하는 유일한 프로그래밍 언어다
자바스크립트는 일반적으로 인터프리터(interpreter)언어로 구분됨 cf)컴파일러 언어
멀티 패러다임 프로그래밍 언어다
프로토타입 기반의 객체지향 언어다

저작자표시

'📚 Language & CS knowledge > JavaScript (모던자바스크립트 Deep Dive)' 카테고리의 다른 글

09장 타입 변환과 단축 평가 (0)	2022.06.28
08장 제어문 (0)	2022.06.27
07장 연산자 (0)	2022.06.25
05장 표현식과 문, 06장 데이터 타입 (0)	2022.06.23
04장 변수 (0)	2022.06.22

'📚 Language & CS knowledge/JavaScript (모던자바스크립트 Deep Dive)' Related Articles

Daehyunii's Dev-blog

01장 프로그래밍, 02장 자바스크립트란? 본문

01장 프로그래밍, 02장 자바스크립트란?

'📚 Language & CS knowledge > JavaScript (모던자바스크립트 Deep Dive)' 카테고리의 다른 글

티스토리툴바