728x90 728x90 Frontend/JavaScript9 자바스크립트 Array 객체 배열 리터럴 자바스크립트는 객체 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든 것이 객체이다. 원시 타입을 제외한 나머지 값들(함수, 배열, 정규 표현식 등) 모두 객체이다. 배열 리터럴은 객체 리터럴과 달리 프로퍼티명이 없고 각 요소의 값만 존재한다. 두 객체의 근본적인 차이는 배열 리터럴의 프로토타입 객체는 Array.prototype이고 객체 리터럴의 프로토타입 객체는 Object.prototype 이다. 대부분의 프로그래밍 언어는 배열의 요소가 모두 같은 데이터 타입 이어야 하지만 자바스크립트는 어떤 데이터 타입의 조합도 가능하다. const array = ['word', 10, true, undefined] 배열의 생성 배열은 배열 리터럴 방식으로 생성하는데 이는 결국 내장 함수.. 2023. 3. 19. 자바스크립트 연산자 자바스크립트의 연산자는 C계열의 언어를 학습했다면 산술, 할당, 비교, 논리, 타입 연산 등이 유사하기 때문에 크게 다르지 않다. 자바스크립트의 연산자만이 가지는 몇가지 다른점이 있다. 암묵적 타입 변환 자바스크립트 엔진은 표현식을 평가할 때 문맥(Context)를 고려하여 암묵적 타입 변환을 실행한다. "1" + 2 // 12 2 * "10" // 20 !0 // true 표현식을 평가할 때 문맥에 맞지 않은 상황이 발생할 수 있는데 자바스크립트 엔진은 가급적 에러를 발생시키지 않도록 암묵적으로 타입을 변환한다. 동등 비교 연산자와 일치 비교 연산자 비교 연산자에는 ==(동등 비교)와 ===(일치 비교)가 있다. 동등 비교 연산자는 좌항과 우항의 피연산자를 비교할 때 암묵적 타입 변환을 통해 타입을 일.. 2023. 3. 17. 자바스크립트 데이터 타입과 변수 일반적인 프로그래밍 언어의 데이터 타입은 정수, 실수, 문자, 문자열, 부울 등이 있다. 자바스크립트의 모든 값은 데이터 타입을 가지며 자바스크립트는 7가지의 데이터 타입을 제공한다. 원시타입 number string boolean null undefined symbol 객체타입 object 자바스크립트에서 변수에 데이터를 할당하기 위해서는 다음과 같이 사용한다. var x = 3; var x = 3.0; var x = 'x'; var x = "hello"; var의 의미는 변수(variable)의 의미이며 일반적인 프로그래밍 언어와는 조금은 다른 문법이다. 변수는 메모리의 공간이고 일반적으로 한정사를 통해서 값의 종류와 크기를 정하도록 한다. 하지만 자바스크립트에서는 어떤 타입이어도 모두 var를 선언.. 2023. 3. 14. 자바스크립트 개발 환경 설정 자바스크립트 개발 환경 설정 편집 도구 웹문서를 다루고 그 안에 스크립트 코드를 넣어야 하기 때문에 웹문서를 편집할 수 있는 편집기가 필요하다. 코드 에디터를 사용하면 코드 자동완성, 문법 오류 감지, git 연동 등의 편리한 기능을 사용할 수 있고 가장 인기 있는 에디터는 마이크로소프트의 비주얼 스튜디오 코드(VS Code) 이다. 브라우저 모든 브라우저와 node.js는 자바스크립트 엔진을 내장하고 있으며 자바스크립트는 브라우저와 node.js 환경에서 실행할 수 있다. 브라우저의 호환성, 상호 운용성 등을 확인하기 위해서 브라우저는 웬만하면 모두 준비하는 것이 좋다. 개발자 입장에서는 개발자 도구가 편리해야하는데 크롬 브라우저가 제공하는 개발자 도구가 가장 막강하기 때문에 많이 사용된다. 개발자 도.. 2023. 3. 13. 이전 1 2 3 다음 728x90 728x90
