FrontEnd/JavaScript
-
3장 자바스크립트 개발 환경과 실행 방법FrontEnd/JavaScript 2021. 12. 2. 17:33
3.1 자바스크립트 실행환경 자바스크립트는 브라우저 환경 또는 Node.js환경에서 실행할 수 있다. 브라우저는 ECMAScript와 클라이언트 사이드 Web API를 지원한다. Node.js는 ECMAScript와 Node.js 고유의 API를 지원한다. 3.2 웹 브라우저 웹브라우저는 Chrome브라우저가 점유율이 가장 높다. 3.2.1 개발자 도구 Element : 로딩된 웹의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인할 수 있다. 단, 편집된 내용이 저장되진 않는다. 웹이 의도대로 렌더링되지 않았을 때 유용한 힌트를 얻을 수 있다. Console : 로딩된 웹의 에러를 확인하거나 Javascript 소스코드에 작성한 console.log매서드의 실행결과를 얻을 수 있다. Sources : 로딩..
-
2장 자바스크립트란?FrontEnd/JavaScript 2021. 12. 1. 17:06
2.1 자바스크립트의 탄생 1995년 가장 높은 점유율로 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈에서 웹페이지의 보보적인 기능을 수행하기 위해 브라우저에서 동작하는 경량프로그래밍 언어를 도입하기로 결정한다. 만든 사람은 브렌던 아이크(Brendan Eich)이다. 2.2 자바스크립트의 표준화 이후 MS에서 자바스크립트의 파생 버전인 "Jscript"를 인터넷 익스플로러3.0에 탑재한다. 그러나 Jscript와 자바스크립트가 표준화되지 못하고 적당히 호환된 것이 문제였다. 이로인해 크로스 브라우징 이슈가 발생하기 시작했고 모든 브라우저에서 동작하는 웹개발이 무척 어려워졌다. 넷스케이프 커뮤니케이션즈는 컴퓨터 시스템 표준을 관리하는 ECMA인터내셔널에 Javascript표준화를 요청한다. 이후 ECMA..
-
1장 프로그래밍FrontEnd/JavaScript 2021. 12. 1. 00:27
1.1 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 Communication이다. 무엇을 실행하고 싶은지 정의가 필요하며, 이때 요구되는 것은 문제 해결 능력이다. 정확하고 상세하게 요구사항을 컴퓨터에게 설명할 수 있어야 한다. 이때 필요한 것이 Computational thinking(컴퓨팅 사고)이다. 1.2 프로그래밍 언어 컴퓨터는 기계어를 받아들이는데 기계어를 전달할 가장 유용한 대안은 사람이 이해할 수 있는 약속된 구문으로 작성된 프로그래밍 언어를 사용하여 컴퓨터가 이해할 수 있는 기계어로 변환하는 일종의 번역기를 이용하는 것이다. 이것을 우리는 컴파일러 혹인 인터프리터라고 부른다. 1.3 구문과 의미 문법에 맞는 문장을 구성하는 것은 물론 의미를 가지고 있어야 언어의 역할을 충실히 수행할..