FrontEnd_Study/JAVASCRIPT

11장 원시 값과 객체비교 : 자바스크립트가 제공하는 데이터 타입은 크게 원시 타입과 객체 타입으로 구분 원시 값은 변경 불가능한 값이다. 객체는 변경 가능한 값이다. 원시값은 변수에 할당하면 실제 값이 저장된다. 객체를 변수에 할당하면 변수에는 참조값이 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달된다.(값에 의한 전달) 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달된다.(참조에 의한 전달) 11.01. 원시값 변경이 불가능 하다는 것은 변수가 아닌 값에 대한 변경을 뜻함 값을 변경하기 위해 재할당을 하면 변수가 참조하던 메모리 주소가 변경 (불변성) 즉 불변성을 갖는 원시 값을 할당한 변수는 재할당 이외에 변수 값을 변경할 수 있..

09장 타입 변환과 단축평가 09.01. 타입변환이란? : 자바스크립트의 모든 값은 타입이 있고 두가지 경우에 따라 다른타입으로 변환할 수 있다. 타입을 개발자가 의도적으로 변환하는 것을 명시적 타입 변환 또는 타입캐스팅이라고 한다 타입을 개발자의 의도와 상관없이 자바스트립트 엔진에 의해 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다 09.02. 암묵적 타입변환 자바스크립트 엔진이 표현식을 평가할 때 코드의 문맥을 고려해 암묵적으로 타입을 강제 변환시켜준다. 09.02.01 문자열 타입 변환 문자열에서 + 연산자는 피연산자 중 하나 이상이 문자열이므로 문자열 연결 연산자로 동작 문자열 연결 연산자 표현식을 평가하기 위해 문자열이 아닌 경우 자바스크립트 엔진에 의해 암묵적으로 타입 변환 ..

10장 객체 리터럴 10.01. 객체란? 객체란 0개 이상의 프로퍼티의 집합으로 자바스크립트는 객체 기반의 프로그래밍 언어로 원시값을 제외한 나머지 값 (함수, 배열, 정규 표현식 등) 은 모두 객체이다 또한, 원시 타입은 단 하나의 값만 나타내기 때문에 원시값은 변경 불가능한 값이지만 객체타입은 다양한 타입의 값을 구성한 복합적인 자료 구조 이기 때문에 변경 가능한 값이라고 할 수 있다. ex ) // 원시타입 let str = "hello"; str = "world"; // 이전의 "hello" 값은 변경되지 않고 새로운 "world" 값으로 대체 // 객체타입 let obj = { name: 'John', age: 30 }; obj.name = 'Jane'; // 객체의 속성 값 변경 obj.cit..

08. 제어문 조건에 따라 코드 블록을 실행하거나 반복 실행시 사용 제어문을 사용하면 코드 실행 흐름을 인위적으로 제어가 가능하여 고차함수(forEach, map 등) 사용시 제어문 사용을 억제 08.01. 블록문 0개 이상의 문을 중괄호로 묶은 것으로 코드 블록 또는 블록이라고 함 블록문의 끝에는 세미콜론이 붙지 않음 예시) //블록문 { var a = 10 } // 10 // 제어문 if(x 0) { kind = "양수" } // 블록내에 문이 하나 뿐이라면 중괄호 생략 가능 조건에 따라 단순히 값을 결정하는 경우 삼항 조건 연산자 사용권장 조건에 따라 실행내용이 복잡하여 여러 문이 필요하면 if 를 사용 08.02.02. switch 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 CASE..

07장 연산자 //산술연산자 5 * 4 //20 //문자열 연결 연산자 'My name is ' + 'lee' //할당 연산자 color = 'red' //비교 연산자 3 > 5 //false //논리 연산자 true && false //false //타입 연산자 typeof 'hello' //string 07.01. 산술연산자 이항 산술 연산자 이항 산술 연산자 의미 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 단항 산술 연산자 단항 산술 연산자 의미 ++ 증가 + 효과가 없다. - 양수를 음수로 음수를 양수로 반전한 값을 반환 문자열 연결 연산자 : 숫자와 다른값을 산술할때는 암묵적 타입 변환 또는 타입 강제 변환이 일어날 수 있다. 1 + true // 2 예시) 07.02. 비교연산자 동등/일..

06장 데이터 타입 : 자바스크립트는 7개의 데이터 타입을 제공하며 이는 원시 타입과 객체 타입으로 나뉜다. 구분 데이터타입 원시 타입 숫자,문자열,불리언, undefined, null, 심벌 객체 타입 배열, 함수 , 객체 등 06.01. 숫자타입 : 부동소수점 형식에 따른 숫자타입, 모든 수를 실수 로 처리 숫자타입은 추가적인 3가지 특별한 값도 표현 Infinity : 양의무한대 -Infinity : 음의무한대 NaN : 산술 연산 불가(not-a-number) 06.02. 문자열타입 : ''나 ""나 ``을 사용하여 텍스트를 감싸서 사용한다. 06.03. 템플릿 리터럴 템플릿 리터럴은 멀티라인 문자열(줄바꿈허용) , 표현식삽입 , 태그드 템플릿 등 문자열 처리 기능을 제공 백틱(``)을 사용해서 ..

05장 표현식과 문 05.01. 값(value) : 값은 식(표현식)이 평가되어 생성된 결과를 말한다. 예시) var sum = 10 + 20 = 30 위의 예시에서는 10 + 20 이라는 식이 평가되어 값인 30을 생성되며 변수는 하나의 값을 저장하기 위한것으로 변수에 할당되는 것은 값이라 할 수 있다. 05.02. 리터럴 : 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 리터럴 예시 정수 리터럴 100 부동소수점 리터럴 10.5 2진수 리터럴 0b0100001 8진수 리터럴 0o101 16진수 리터럴 0x41 문자열 리터럴 'hello' "world" 불리언 리터럴 true false null 리터럴 null undefined 리터럴 undefined 객체 리터..

04장 변수 1. 변수란? : 데이터를 관리하기 위한 핵심개념으로 하나의 값을 저장하기 위해 확보한 메모리 공간 및 이를 식별하기 위해 붙인이름 즉, 값을 저장하고 참조하는 메커니즘으로 값의 메모리 위치를 가리키는 상징적인 이름이다. 예시) var result = 10 + 20 console.log(result) // 30 위의 예시에서 result는 변수명이고 30은 변수값이다. 이처럼 변수에 값을 저장하는것을 할당이라하고 변수에 저장된 값을 읽어들이는 것을 참조라고 한다. 참조를 통해 요청하면 자바스크립트 엔진은 변수명과 매핑된 메모리 주소를 통해 지정된 값을 반환한다. ❗ 변수명은 명확한 이름으로 선언해야 코드의 이해도를 높히고 협업과 품질 향상에 도움을 준다 2. 식별자 : 식별자는 변수, 함수,..

JavaScript 데이터 유형 및 데이터 구조 자바스크립트의 데이터 유형 - Boolean type - Null type - Undefined type - Number type - BigInt type - String type - Symbol type 1. Boolean type true and false 2.Null type, Undefined type 값이 존재하지 않음 3.Number type 숫자값 (정수, 실수) 4.String type JavaScript의 String 유형은 텍스트 데이터를 나타내는 데 사용된다. 문자열 문자타입(데이터)이다. String의 각 요소는 String의 한 위치를 차지합니다. 첫 번째 요소는 index 0에 있고 다음 요소는 index 에 있는 식 1입니다. S..

식별자 - 식별자는 코드 내의 변수, 함수, 혹은 속성 (en-US)을 식별하는 문자열입니다. - JavaScript의 식별자는 대소문자를 구별하며 유니코드 글자, $, _, 숫자(0-9)로 구성할 수 있지만, 숫자로 시작할 수 없으며 공백문자도 쓸수 없습니다. (길이제한은 없지만 선호하지 않는다.) - 식별자는 코드의 일부이지만 문자열은 데이터이기 때문에, 식별자와 문자열은 다릅니다. JavaScript에서 식별자(함수,변수,속성)를 문자열(데이터)로 변환하는 방법은 없지만, 어떤 경우 문자열을 분석해 식별자로 사용할 수 있습니다. - ex) //변수 let(키워드,명령어) age(식별자) = 10(데이터); //함수 function setAge () {} //속성(상수) const o = { age:..