분류 전체보기(112)
-
javascript 모듈 (require, import) / 원시 값과 참조 값 (const로 선언한 참조 값의 경우)
require와 import차이점을 설명해주세요. 각각 어떤 상황에서 쓸 수 있나요? require이랑 import 모두 자바스크립트에서 모듈을 불러오기 위해 사용하는 키워드 require : 자바스크립트 런타임 환경인 Node.js에서 채택한 모듈 시스템인 CommonJS 에서 제공하는 모듈 키워드 동기 (코드 실행 중단) 동적 (조건에 따라 로딩 가능) 코드 중간부 호출 가능 코드 작성 시 확장자 생략 가능 노드 환경 전체 모듈 import : ES6에서 부터는 클라이언트 사이드에서 사용할수 있는 모듈이 기능이 추가되었고 ES6모듈에서 모듈을 불러오기 위해 사용하는 사용하는 키워드 비동기 (코드 실행 중단 없음) 정적 (조건에 따른 로딩 불가) 코드 최상단에서 동작 코드 작성 시 확장자 포함 브라우저..
2023.07.26 -
[모던자바스크립트 딥다이브] 11장 객체 리터럴
원시 값 변경 불가능한 값 재할당 할 경우 메모리의 값이 변경되는것이 아니라 새로운 메모리 공간을 확보하고 해당 변수의 주소 값을 변경하게 됨 (불변성) 실제 값 저장 값 전달 : 값이 복사되어 전달 (값에 의한 전달) 객체 변경 가능한 값 참조 값 저장 값 전달 : 참조값이 복사되어 전달 (참조에 의한 전달) 얕은 복사와 깊은 복사
2023.07.25 -
[모던자바스크립트 딥다이브] 10장 객체 리터럴
객체란 자바스크립트 : 객체 기반 프로그래밍 언어 원시값 6개 (숫자, 문자열, 불리언, null, undefined, symbol) 변경 불가능 객체 원시값을 제외한 나머지 모두 다양한 타입을 하나의 단위로 구성한 자료구조 변경 가능 0개 이상의 프로퍼티나 메서드의 집합 프로퍼티 : 키, 값으로 구성됨. 객체의 상태를 나타내는 값 num 메서드 프로퍼티를 참조, 조작하는 동작 increase var counter = { num : 0, increase : function () { this.num++; } } 객체 리터럴에 의한 객체 생성 인스턴스 : 클래스에 의해 생성되어 메모리에 저장된 실체 클래스 : 클래스와 인스턴스를 포함, 틀이며 생성자이자 실체 객체 생성 방법 객체 리터럴 : 중괄호, {…} ..
2023.07.25 -
[모던자바스크립트 딥다이브] 09장 타입 변환과 단축 평가
타입 변환 자바스크립트 모든 값은 타입이 존재한다. 명시적 타입 변환 : 개발자의 의도에 따라 다른 타입으로 값을 변환하는 것 (= 타입캐스팅) 암묵적 타입 변환 : 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환 되는 것 (= 타입 강제 변환) 기존 원시 값을 직접 변경하는 것이 아니라 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것 암묵적 타입 변환 자바스크립트 엔진은 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환할 때가 있다. 문자열 타입으로 변환 문자열 연결 연산자 '+' 템퍼릿 리터럴 숫자 타입으로 변환 산술 연산자비교 연산자 빈문자열, 빈배열, null, false는 0으로, true는 1로 변환된다. 불리언 타입으로 변환 조건식 : 제어문 또는 삼항조건연산자..
2023.07.25 -
[모던자바스크립트 딥다이브] 06장 데이터 타입
데이터 타입 데이터 타입 = 타입 = 값의 종류 ES6부터 7개의 데이터 타입을 제공 원시타입 숫자 문자열 불리언 undefined null symbol 객체타입 숫자타입 자바스크립트는 하나의 숫자 타입만 존재한다. ( 다른 언어들은 int, integer, long ... 많음) 모든 수는 실수 64비트 부동소수점 형식 양의 무한대/음의 무한대/Not a Number = NaN NaN ≠ Nan ≠ nan, ****Only NaN means 'Not a Number' 문자열타입 '' 작은 따옴표 "" 큰 따옴표 ``백틱멀티라인, 공백 자바스크립트의 문자열은 원시 타입이며, 변경 불가능한 값이다. 이것은 문자열이 생성되면 그 문자열을 변경할 수 없다는 것을 의미한다. 불리언타입 true, false un..
2023.07.25 -
[모던자바스크립트 딥다이브] 05장 표현식과 문
값 식이 평가되어 생성된 결과 모든 값은 데이터 타입을 가지며, 데이터 타입에 따라 달리 해석된다 변수에 할당되는 것이 값 리터럴 사람이 이해할 수 있는 문자, 또는 약속된 기호로 값을 생성하는 표기 숫자 리터럴 아라비아 숫자 3은 숫자 값 3을 생성한다. 표현식 값으로 평가될 수 있는 문 함수, 식별자 참조, 리털럴 모두 표현식에 해당한다. 문 프로그램을 구성하는 기본단위이자 최소 실행단위 문은 토큰으로 구성됨. 토큰 - 유의미한 최소 단위 var sum = 1+2; 에서 var, sum, =, 1, +, 2, ; 모두 토큰이다. 세미콜론 자바스크립트에서 세미콜론은 문의 종료를 뜻한다. 세미콜론을 반드시 붙여야 한다, 붙이지 않아도 된다라는 입장이 팽배하지만, 세미콜론을 사용하지 않을 경우 개발자의 예..
2023.07.25