본문 바로가기

개인 학습21

모던 자바스크립트 Deep Dive 4장 변수란 무엇인가? 왜 필요한가?1. 변수 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.   var result = 10 + 20;  여기서 result는 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름이다.  2. 식별자식별자는 값이 저장되어 있는 메모리 주소와 매핑관계를 맺으며 매핑 정보도 메모리에 저장되어 있다. 즉 식별자는 값이 아니라 메모리 주소를 기억하고 있다.  3. 변수 선언이란? 값을 저장하기 위한 메모리 공간을 할당하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것을 말한다.   4. var키워드로 변수 선언한다면메모리 공간을 확보 후 변수 이름과 메모리 공간의 주소를 매핑.. 2025. 2. 9.
모던 자바스크립트 Deep Dive 3장 자바스크립트 개발 환경과 실행 방법1. 자바스크립트 실행 환경브라우저 뿐만 아니라 Node.js도 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 하지만 ECMAScript는 둘 다 실행할 수 있지만 DOM API와 같은 브라우저 관련 API는 브라우저에서만 실행할 수 있다. 반대로 Node.js는 파일을 생성하고 수정할 수 있는 파일 시스템을 제공한다.  2. Node.js와 npm 소개브라우저에서 동작하던 자바스크립트를 브라우저 이외에서도 동작시킬 수 있는 자바스크립트 실행 환경 npm은 node.js환경에서 패키지를 관리하는 매니저다. 라이브러리(패키지)를 쉽게 설치, 수정, 삭제를 할 수 있다.   책 보면서 궁금했던 점1. package.json과 package-loc.. 2025. 2. 9.
모던 자바스크립트 Deep Dive 2장 자바스크립트란?1. 자바스크립트 탄생웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어  2. 자바스크립트 표준화브라우저에 따라 웹 페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈 발생 이에 모든 브라우저에서 정상적으로 동작하는 표준화된 자바스크립트인 ECMAScript 출시 ES6 : let/const, 클래스, 화살표 함수, 템플릿 리터럴, 디스트럭처링 할당 등   3. 자바스크립트 성장의 역사1. 초창기- 브라우저는 서버로부터 전달받은 HTML, CSS만 렌더링      2. AJAX- 자바스크립트를 이용해 서버와 브라우저간 비동기 방식으로 데이터 교환 - 새로운 HTML을 전송받는 것이 아닌 필요한 데이터만 전송받아 변경 - 부드러운 화면 전환 효과     .. 2025. 2. 9.