728x90 반응형 자바스크립트29 [JavaScript] 기초 - 데이터 처리1 연산자 - 단항연산자, 산술 연산자 단항 연산자void: 표현식을 평가할 때 값을 반환하지 않도록 지정typeof: 평가 전의 피연산자 타입을 나타내는 문자열을 반환delete: 객체의 속성을 삭제const a = { name: 'apple' }console.log(void); // undefinedconsole.log(typeof a); // objectdelete a.name; // 객체의 속성 삭제console.log(a); // {} 산술 연산자단항 산술 연산자이항 산술 연산자 - 단항 산술 연산자: 1개의 피 연산자를 산술 연산하여 숫자값을 반환전위 증가/감소 연산자 -> ++a / --a후위 증가/감소 연산자 -> a++ / a--+-let a = 1;let b = 1;// 전위 증가/감소 .. 2024. 7. 29. [JavaScript] 기초 - 데이터와 형태 변수 생성 방법과 호이스팅 자바스크립트 엔진은 소스코드 평가 단계를 거쳐 실행 단계로 가게 되는데, 변수 생성은 평가 단계와 실행 단계에서 이루어진다. 변수 생성 단계1. 선언 단계: 변수를 변수 객체에 등록2. 초기화 단계: 변수를 메모리에 할당하고, undefined 로 초기화3. 할당 단계: undefined 로 초기화된 변수에 실제로 값을 할당 변수 선언은 3가지 방법으로 가능하다 -> var / const / let - varES6 이전부터 존재했음코드 평가단계에서 선언과 동시에 초기화 진행코드 실행단계에서 값 할당 진행console.log(a);var = 1;console.log(a);/*출력undefined1*/ 코드 평가시점에서 초기화가 되어있으므로, 변수의 할당문이 실행되기도 전에 참조.. 2024. 7. 29. [React+JS/리액트] 웹 스터디 9주차 Redux - 4 redux state 가 array/object 인 경우 변경하기 {name : 'kim', age : 20} 이렇게 생긴 객체의 'kim' 을 'park' 로 변경하고 싶을 때 두 가지 변경 방법이 존재한다. 1번 - 변경함수를 통해 return 오른쪽에 적은 데이터로 기존 state 를 갈아치워주는 방법2번 - state 를 직접 수정하는 방법 2 번처럼 state 를 직접 수정하는 문법 사용이 가능한 이유는 Immer.js 라이브러리가 state 사본을 하나 더 생성해주기 때문이다. ( (Immer.js 라이브러리는 Redux Tookit 에 내장되어 있어 Redux 설치시 자동으로 딸려온다)// 1let user = createSlice({ name : 'user', init.. 2024. 7. 4. [TypeScript/타입스크립트] 기본 문법 정리 -2 리터럴 타입 var 또는 let 으로 변수를 선언할 경우 이 변수의 값이 변경될 가능성이 있음을 컴파일러에게 알린다. 반면, const 로 변수를 선언하게 되면 TypeScript 에게 이 객체는 절대 변경되지 않음을 알린다. 그렇기 때문에 const 로 선언된 변수는 number, string 과 같은 기본 타입이 아닌 변수 값 자체가 타입이 되는데, 이것을 리터럴 타입이라고 부른다. 각 리터럴 타입은 number, string 같은 더 큰 타입에 포함된다. const name = 'codeit'; // 'codeit' 이라는 리터럴 타입const rank = 1; // 1 이라는 리터럴 타입 타입 별칭 타입 별칭은 복잡한 타입에 이름을 붙여 재사용하고 싶을 때 사용한다. 타입 별칭은 type 뒤에.. 2024. 6. 19. 이전 1 2 3 4 5 6 7 8 다음 728x90 반응형
