정보실

웹학교

정보실

javascript 제 1 장 JavaScript 시작하기

본문

JavaScript란 무엇입니까? 


JavaScript는 웹 스크립팅 언어입니다. 

1995년 Brendan Eich의 손에서 태어난 JavaScript는 웹 페이지에 대화형 기능을 추가하기 위해 만들어졌습니다. 

그 당시 웹은 아직 초기 단계에 있었고 오늘날 볼 수 있는 대부분의 멋진 웹 페이지는 여전히 꿈이었습니다. 브렌든 (Brendan)은 프로젝트 관리자가 쫓아 브라우저에서 실행할 수 있는 역동적이고 유연한 언어를 만드는 데 10 일밖에 없었습니다. 

그는 자바, 당시에는 멋진 아이, C, Scheme에서 빌린 다소 이상한 프로그래밍 언어인 JavaScript를 생각해 냈습니다.

JavaScript는 처음부터 불분명했기 때문에 항상 나쁜 평판을 얻었습니다. 그러나 그럼에도 불구하고 그것은 명예의 전당에 자리를 차지했으며 여기에 머물러 있습니다.


https://github.com/valentinogagliardi/Little-JavaScript-Book/blob/v1.0.0/manuscript/chapter1.md 


요즘 JavaScript는 SPA(한 페이지 응용 프로그램)라고 하는 전체 응용 프로그램을 만드는데도 사용됩니다. 

사용량이 증가함에 따라 JavaScript 생태계도 캄브리아기 폭발을 목격했습니다. 우리가 오늘날 JavaScript를 개발하기 위해 사용하는 대부분의 도구와 라이브러리는 ... 글쎄, JavaScript로 작성되었습니다! JavaScript는 자연스러운 습관을 넘어서도 사용됩니다. 

Node.js를 사용하여 서버 측 및 IoT 애플리케이션, 산업 기기 등을 만들 수 있습니다. 

그러나 단일 페이지 응용 프로그램은 JavaScript에서 가장 눈에 띄는 용도 중 하나 입니다. 단일 페이지 앱에서 JavaScript는 모든 것을 담당하므로 페이지를 새로 고치지 않고도 UI를 유동적이고 즐겁게 만들 수 있습니다. 사용자 관점에서 보면 클래식 웹 앱에 비해 크게 향상되었습니다. 

그러나 강력한 성능과 함께 큰 책임이 따릅니다. JavaScript는 대부분의 모바일 장치에 큰 부담이 되므로 JavaScript 기반 웹 응용 프로그램을 디자인하고 제작할 때는 각별히 주의해야 합니다.


왜 JavaScript를 공부해야 합니까? 


오늘날 JavaScript를 공부한다고 해서 변수와 함수에 대한 이해가 깊다는 것은 아닙니다. 더 많은 것이 있습니다. 전문 JavaScript 개발자는 클로저, this, 새로운 프로토 타입 시스템 및 새로운 기능을 알고 있습니다. JavaScript는 해마다 점점 좋아지고 있습니다. 오늘날 거의 모든 프론트 엔드 개발자 작업에는 JavaScript 지식이 필요합니다. 그리고 채용 관리자가 찾고 있는 "기본 jQuery"가 아닙니다 (jQuery에 대해 말하면 천천히 죽어가는 것처럼 보입니다). 대부분의 경우 JavaScript "enterprise"형제 자매 인 TypeScript도 알아야 합니다. 프론트 엔드 개발자는 JavaScript 문제를 인식하고 체계적이고 체계적인 JavaScript 코드를 작성할 수 있어야 합니다. JavaScript는 빠르게 확산되고 있으며,이 시점에서 이를 무시하는 언어가 마음에 들지 않더라도 경력에 해가 될 수 있습니다.


ECMAScript 및 기타 기술 용어 


이 책에는 많은 기술 용어가 있습니다. 전문가 개발자들은 모두 알고 있지만 초보자가 "API"의 의미를 묻기 때문에 기분이 나빠지는 것을 원하지 않습니다. 다음은 가장 중요한 웹 관련 용어에 대한 간단한 검토입니다.


API : Advanced Programming Interface의 약자이지만 엄격한 정의를 방해하지는 않습니다. API는 실제로 USB 소켓과 같습니다. 개발자는 소켓과 상호 작용하고 데이터를 교환 할 수 있습니다. 프로그래밍의 API는 도구 세트로, 다른 개발자가 작성하여 사용할 수 있는 도구 상자입니다.


기본(Native) API : 기본 API는 프로그래밍 환경에서 기본적으로 사용 가능한 내장 함수입니다. 예를 들어 브라우저에 관해서는 document.querySelector()가 HTML 요소를 선택하는 기본 API라고 말합니다.


브라우저 콘솔 : 대부분의 웹 브라우저에서 개발자 도구 상자에 액세스 할 수 있습니다. Mac의 Firefox 및 Chrome에서 Command + Option + I을 누르고 Linux (및 리콜이 가능한 경우 Windows)에서 F12를 누릅니다. JavaScript 코드를 입력하고 실행할 수 있는 대화식 콘솔이 열립니다. 콘솔에는 JavaScript 프로그램의 오류 및 기타 메시지도 표시됩니다.


디버거 : 디버거는 개발자가 프로그램 작동이 중지 된 이유와 위치를 찾을 수 있도록 개발 된 도구입니다. JavaScript에는 스크립트가 있는 위치를 정확하게 중지하는 디버거 명령도 있습니다.


브라우저 API 또는 웹 API : 기본 API와 같이 웹 API는 웹 브라우저에서 사용할 수 있는 특정 기능입니다. 개발자는 이러한 방법을 즉시 사용할 수 있습니다. 웹 API의 예는 setTimeout, setInterval, console.log입니다. 전체 목록을 보려면 Web API를 확인하십시오.


ECMAScript : JavaScript의 공식 이름입니다. 1996 년에 JavaScript는 많은 기술 관련 사항에 대한 표준을 정의하는 타사 인 ECMA International에 기증 되었습니다.


ES5 : JavaScript의 다섯 번째 버전 인 ECMAScript 2009의 약어입니다. 혼동을 피하려면 특정 JavaScript 버전을 나타내는 ECMAScript + year라고 말하는 것이 더 정확합니다.


ES6 : 6 번째 JavaScript 버전 인 ECMAScript 2015를 나타냅니다. 2015 년부터 JavaScript위원회는 매년 새로운 기능을 출시하기로 결정했습니다. 거기에서 우리는 ECMAScript 2016, ECMAScript 2017, ECMAScript 2018 등을 가졌습니다.


JavaScript 엔진 : 브라우저의 일부이며 JavaScript 코드를 컴파일하고 해석 할 수 있습니다. 브라우저 공급 업체는 JavaScript 사양이라는 문서를 따라 (때로는 엄격하지는 않지만) JavaScript 엔진을 빌드합니다.


JavaScript 사양 : JavaScript 언어의 작동 방식을 간략하게 설명하는 공식적인 문서입니다. 브라우저 공급 업체는 사양이 규정 한대로 JavaScript 코드가 실행되는 방식으로 사양을 읽고 JavaScript 엔진을 구현합니다.


Node.js : 브라우저 외부에서 JavaScript를 실행하기 위한 환경 코드를 컴파일하고 실행하기 위한 JavaScript 엔진 V8이 포함되어 있습니다. Node.js는 주로 서버 측에서 사용됩니다.


노드 패키지 관리자 : 간단히 말하면 npm은 써드 파티 패키지 설치에서 사용자에게 코드 제공에 이르기까지 JavaScript 프로젝트의 워크 플로우를 관리하는 도구입니다.


HTTP 요청 : 데이터를 가져 오거나 저장하기 위해 원격 웹 서버에 "토킹"하는 행위입니다. 대부분의 경우 데이터는 JSON 형식으로 교환 됩니다.


HTTP 오류 : 때때로 웹 서비스와 통신 할 때 문제가 발생하지 않고 서버가 오류로 응답 할 수 있습니다. 오류는 숫자 코드로 표시됩니다. 일부 일반적인 오류는 500 (서버 오류), 404 (찾을 수 없음), 403 (금지됨) 등입니다.


JSON : JSON은 웹 서비스와 JavaScript 응용 프로그램간에 데이터를 교환하기 위한 형식인 JavaScript Object Notation을 나타냅니다.


REST API : 데이터를 노출하는 웹 서비스 (로컬 또는 원격)입니다. REST API를 사용하면 엔티티를 저장하거나 검색하기 위해 기본 데이터베이스와 상호 작용할 수 있습니다.


Transpiler : 이전 브라우저는 ECMAScript 2015 이상에서 최신 JavaScript 구문을 지원하지 않습니다. 트랜스 파일러는 최신 JavaScript 구문을 사용하고 보다 호환 가능한 버전을 내뿜는 도구입니다 (ECMAScript 2009).


바닐라 자바 ​​스크립트 : 바닐라 자바 ​​스크립트는 "순수한"자바 스크립트 애플리케이션, 즉 React, Vue 또는 Angular와 같은 프론트 엔드 라이브러리의 도움 없이 작성된 애플리케이션을 나타내는 용어입니다.


AJAX : 페이지를 새로 고치지 않고 브라우저에서 데이터를 가져 오는 기술 세트. 약어는 1999 년에 만들어진 "비동기 JavaScript 및 XML"을 나타냅니다.


현대 JavaScript에 대한 특별 참고 사항 


ECMAScript 2015는 JavaScript에서 가장 중요한 릴리스 중 하나 입니다. 언어에 많은 개선 사항이 도입되었으며 이 책에서는 약속, 화살표 함수, 클래스 등과 같은 가장 중요한 ECMAScript 2015 기능을 확인할 수 있습니다. JavaScript는 거의 매일 새로운 기능을 사용하여 점점 좋아지고 있습니다. 나는 여기에서 현대의 모든 JavaScript를 살펴볼 수 있기를 원하지만 다른 책으로는 충분하지 않을 것입니다. 대신 다른 길을 갔고 가장 중요한 기능 만 전략적으로 여기저기서 포함하기로 결정했습니다.



페이지 정보

조회 62회 ]  작성일19-10-17 12:19

웹학교