값 값은 식이 평가되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 말한다. 모든 값은 데이터 타입을 가지고 메모리에 2진수 비트의 나열로 저장된다. 값을 연산을 통해 생성할 수 있지만 기본적으로 리터럴을 사용하는 것이다. 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 3 3은 숫자 리터럴로 자바스크립트 엔진은 이를 평가해서 숫자 값 3을 생성한다. 리터럴을 사용하면 다양한 종류의 데이터 타입 값을 생성할 수 있다. 정수 리터럴 100 부동소수점 리터럴 10.5 2진수 리터럴 0b로 시작 8진수 리터럴 0o로 시작 16진수 리터럴 0x로 시작 문자열 리터럴 ' ', " "로 감싸진 데이터 불리언 리터럴 true, fa..

변수 필요성 복잡한 애플리케이션이라도 데이터를 입력받아 처리하고 결과를 출력하는 것이 전부다. 변수는 데이터를 관리하기 위한 핵심 개념이다. 10 + 20 컴퓨터는 연산과 기억을 수행하는 부품이 나눠져 있다. 컴퓨터는 CPU를 사용해 연산하고 메모리를 사용해 데이터를 기억한다. 메모리 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 메모리 셀 하나의 크기는 1바이트(8비트)이고 컴퓨터는 메모리 셀 크기 단위 (1바이트)로 데이터를 저장하고 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다. 메모리 주소는 0부터 시작해서 메모리 크기만큼 정수로 표현된다. 메모리 주소가 4GB라 가정하면 4GB = 1Byte x 1024 x 1024 x 1024 x 4 = 4294967296 Byte인데 메모리 ..

모두 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행할 수 있다. 기본적으로 브라우저에서 동작하는 코드는 Node.js 환경에서도 동일하게 동작한다. 브라우저와 Node.js는 용도가 다르다. 브라우저는 HTML, CSS, JavaScript를 실행해 웹페이지를 브라우저 화면에 랜더링하는 것이 주된 목적이다. Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적이다. 브라우저와 Node.js 모두 ECMAScript를 실행할 수 있지만 이외에 추가로 제공하는 기능은 호환되지 않는다. 브라우저는 파싱된 HTML 요소를 ..

초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 이 시기에 대부분의 로직은 주로 웹 서버에서 실행되었고 브라우저는 서버로부터 전달받은 HTML, CSS를 랜더링하는 수준이었다. ※ 랜더링 HTML, CSS, JavaScript로 작성된 문서를 해석해서 브라우저에서 시각적으로 출력하는 것 서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정은 Server Side Rendering (SSR)이라 한다. Ajax 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능인 Ajax가 등장 이전 웹페이지는 웹페이지 전체를 랜더링하는 방식으로 동작하여 화면이 전환되면 새로운 HTML 문서를 전송받아 웹페이지 전체를 처음부터 다..

자바스크립트 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 HTML → 웹사이트 구조 CSS → 디자인 자바스크립트 활용 범위 Iot, 하이브리드앱, 서버 개발 등 자바스크립트 변수 변수 안의 데이터 확인 방법 var fruit = "apple" console.log(fruit); console.log()는 콘솔에서 변수값을 출력한다. ※ 브라우저에서 F12 (개발자 검사) - console탭 선택하면 웹 브라우저에서 값을 볼 수 있다. 변수값을 웹 화면에 출력하는 방법 var num = 1; document.write(num); document.write()는 웹 화면에 변수값을 출력한다. 자바스크립트 사용 방법 태그 안에 src 속성값으로 js..