본문 바로가기

Language/Javascript15

[모던 자바스크립트 Deep Dive][03] 자바스크립트 개발 환경과 실행 방법 자바스크립트 실행 환경Node.js와 모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다.하지만 브라우저와 Node.js는 용도가 다르다.브라우저는 HTML, CSS, JS를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 주된 목적이지만Node.js는 브라우저 외부에서 JS 실행 환경을 제공하는 것이 주된 목적이다.예) Node.js는 파일을 생성, 수정할 수 있는 파일 시스템을 기본 제공하지만 브라우저는 지원하지 않는다. 웹 브라우저개발자 도구웹 애플리케이션 개발에 필수적인 강력한 도구. 윈도우는 F12 또는 Ctrl+Shift+I, mac은 command+option+I로 열 수있다.자주 사용하는 개발자 도구의 기능은 다음과 같다.패널설명Elements로딩된 .. 2024. 4. 22.
[모던 자바스크립트 Deep Dive][02] 자바스크립트란? 자바스크립트의 탄생1995년 브렌던 아이크가 자바스크립트를 개발,1996년 3월 "모카"라는 이름으로 넷스케이프 내비게이터2에 탑재1996년 12월 "자바스크립트"라는 이름으로 최종 명명 자바스크립트의 표준화언어 경쟁으로 인해 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작했다.이를 위해 1996년 11월, ECMA 인터내셔널에 자바스크립트의 표준화를 요청했다.1997년 7월, 표준화된 자바스크립트 초판이 상표권 문제로 ECMAScript로 명명되었다....2015년에 공개된 ECMAScript6 (ES6)는 범용 프로그래밍 언어로서 갖춰야 할 기능들을 대거 도입하는 큰 변화가 있었다.  자바스크립트 성장의 역사초창기는 한정적인 용도로 사용되었다. 대부분의 로직은.. 2024. 4. 22.
[모던 자바스크립트 Deep Dive][01] 프로그래밍 프로그래밍이란?컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션.프로그래밍에 앞서 해결해야 할 문제를 명확히 이해한 후 적절한 문제 해결 방안을 정의할 필요가 있는데 이때 요구되는 것이 문제 해결 능력이다.즉, 기계에게 정확하고 상세하게 요구사항을 설명하는 작업이며, 그 결과물이 코드이다.따라서 컴퓨터의 입장에서 문제를 바라봐야 하며, 이때 필요한 것이 Computational thinking(컴퓨팅 사고) 이다.이를 위해 논리적, 수학적 사고가 필요하며 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하며, 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의해야 한다. 프로그래밍 언어 컴퓨터가 이해할 수 있는 언어인 기계어로 명령어를 전달해야 한다. 하지만 직접 명령을 전달하는 것은 매우 어려운 일.. 2024. 4. 22.