웹 프로그래밍/JavaScript | TypeScript41 [모던 자바스크립트 Deep Dive] 7장. 연산자 7.1. 산술 연산자 산술 연산이 불가능한 경우, NaN을 반환한다. 7.1.2 단항 산술 연산자 숫자가 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다. 이때 피연산자를 변경하는 것은 아니고 숫자 타입으로 변환한 값을 생성해 반환한다. 따라서 부수효과는 존재하지 않는다 (=다른 코드에 영향을 주지 않는다) . var x = "1"; console.log(+x); //1 console.log(typeof +x); //number console.log(x); //"1" var x = false; console.log(+x); //0 console.log(typeof +x); //number var x = "Hello"; console.log(+x); //NaN cons.. 2024. 3. 21. [모던 자바스크립트 Deep Dive] 6장. 데이터 타입 자바스크립트 데이터 타입 7가지 원시타입 숫자 타입 문자열 타입 불리언 타입 undefined 타입: var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입: 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입: ES6에서 추가된 7번째 타입 객체 타입: 객체, 함수, 배열 등 6.1. 숫자타입 C언어나 자바와 달리 자바스크립트는 하나의 숫자 타입만 존재한다. 숫자 타입의 값은 64비트 부동소수점 형식을 따르며, 모든 수를 실수로 처리한다. 👉 정수끼리 나눠도 실수값이 나올 수 있다. 자바스크립트는 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 이들 값을 참조할 시 모두 10진수로 해석된다. 추가적으로 세 가지 특별한 값도 표현가능하다. Infini.. 2024. 3. 21. [모던 자바스크립트 Deep Dive] 5장. 표현식과 문 5.1. 값 👾 값 식(표현식)이 평가되어 생성된 결과. 평가: 식을 해석해 값을 생성하거나 참조하는 것 모든 값은 데이터 타입을 가지며 메모리에 2진수(비트)의 나열로 저장된다. 🐱🏍 변수: 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름 → 변수에 할당되는 것은 값이다. 5.2. 리터럴 리터럴: 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 약속된 기호('', "", [], {}, // 등)를 사용해 값을 생성하는 표기법 5.3. 표현식 표현식 값으로 평가될 수 있는 문(statement). 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. 5.2.의 리터럴은 값으로 평가되므로, 리터럴도 표현식이라고 할 수 있다. .. 2024. 3. 20. 리액트 공식문서 읽기 - 주요개념(Lifecycle) Lifecycle const root = ReactDOM.createRoot( document.getElementById('root') ); function tick() { const element = ( Hello, world! It is {new Date().toLocaleTimeString()}. ); root.render(element); } setInterval(tick, 1000); 이전 섹션(엘리먼트 렌더링)에서 다루었던 시계 코드는 렌더링 된 출력값을 변경하기 위해 `root.render()`를 호출한다. 위 코드를 재사용 및 캡슐화 하면 아래와 같다. const root = ReactDOM.createRoot(document.getElementById("root")); function C.. 2024. 3. 18. [땅콩코딩] 타입스크립트 강좌 내용정리(함수의 타이핑, 선택적 매개 변수와 기본 매개변수 / 클래스와 오브젝트 ) 보호되어 있는 글 입니다. 2024. 3. 14. [땅콩코딩] 타입스크립트 강좌 내용정리(열거형과 리터럴 타입) 보호되어 있는 글 입니다. 2024. 3. 14. [땅콩코딩] 타입스크립트 강좌 내용정리(TS의 특성, 설치 및 환경설정, 타입추론, 타입명시, 인터페이스) 보호되어 있는 글 입니다. 2024. 3. 11. [모던 자바스크립트 Deep Dive] 4장. 변수 4.3. 변수선언 👾 var의 단점 블록 레벨 스코프를 지원하지 않으며, 함수 레벨 스코프를 지원한다. 이로 인해 의도치 않게 전역 변수가 선언되어 부작용이 발생하기도 한다. 👾 undefined var score;//변수 선언 cosole.log(score);//undefined score = 100;//변수 초기화 변수값을 할당하기 전 메모리 공간은 js엔진에 의해 undefined라는 값이 할당되어 초기화된다. 선언 단계: 변수 이름을 등록해서 js 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 한다. var 키워드의 경우 선언과 동시에 초기화가 이루어진다. var 키워드로 선언한 변수는 어떠한 값도 할당하지 않아.. 2023. 5. 24. [오류해결] Uncaught TypeError TypeError: Cannot set properties of null (setting 'onclick') 오류 상황 자바스크립트 파일에 코드를 작성하고 run을 실행하니 Uncaught TypeError TypeError: Cannot set properties of null (setting 'onclick') 라는 오류가 발생하고 onclick이벤트가 동작하지 않는 오류 발생 해결 이와 같은 오류는 document.getElementById("아이디")요소를 찾지 못한다는 것을 의미한다. 다음 두 가지 사항을 살펴봄으로써 오류를 해결할 수 있다. "아이디"가 document에서 사용된 id가 맞는지 확인한다.("아이디"가 선언되어 있지 않거나, 오타가 발생했을 수 있으니 이를 살펴본다.) 자바스크립트 코드가 "아이디" 요소 존재 이전에 실행되는 경우 이와 같은 오류가 발생할 수 있다. ("아이디"를 포함하.. 2023. 3. 22. [자바스크립트 문법] Array.prototype.map(), Array.prototype.reduce(), Array.prototype.filter() 🐸 map() 주어진 callback 함수를 배열 내의 모든 요소 각각에 대해 호출한 결과를 모아, 새로운 배열을 반환한다. callback 함수는 다음의 3가지 인수를 가진다. currentValue 처리할 배열의 현재 요소 index 처리할 현재 요소의 인덱스 array map()을 호출한 배열 callback 함수는 배열 값이 들어있는 인덱스에 대해서만 호출된다. 따라서 값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다. 원형배열의 값을 변형하지 않는다. map이 시작한 이후 배열에 추가한 요소들은 callback을 호출하지 않는다. 🦄 reduce() 주어진 리듀서 함수를 배열의 각 요소에 대해 실행하고, 하나의 결과값을 반환한다. 반환값: 누적 계산의 결과 값 ca.. 2023. 2. 19. [ZeroCho] ES2021 자바스크립트 강좌 10장 클래스_텍스트 RPG 게임 만들기 보호되어 있는 글 입니다. 2022. 8. 8. [ZeroCho] ES2021 자바스크립트 강좌 9-8,9강. 셀프 체크 - 컴퓨터의 턴 만들기, 생각하는 척하는 컴퓨터 만들기 보호되어 있는 글 입니다. 2022. 8. 2. 이전 1 2 3 4 다음 반응형
