본문 바로가기

programming study/JavaScript

 (186)
07장 - 연산자(1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 7.0 연산자란 하나 이상의 표현식을 대상으로 연산을 수행하여 하나의 값을 만드는 것 연산 대상은 피연산자 7.1 산술 연산자 수학적 계산을 통해 새로운 값 만듦 ex) 사칙연산 피연산자 개수가 하나 -> 단항 산술 연산자 피연산자 개수가 둘 -> 이항 산술 연산자 7.1.1. 이항 산술 연산자 새로운 값을 만듦 피연산자를 변경하지 않음 사칙연산 (+, -, *, /) 나머지(%) 7.1.2 단항 산술 연산자 피연산자 자체의 값을 바꾸는 부수 효과가 있는 연산자들이 있음 피연산자의 값을 변경하는 암묵적 할당이 일어남 증가 연산자: ++ 감소 연산자: -- 아무 효과가 없는 연산자 + 피연산자의..
06장 - 데이터 타입 (2) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 6.5 undefined 타입 undefined가 유일한 값 var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화 엔진에서 사용할 목적의 타입으로 개발자가 의도적으로 사용하는 것은 지양할 것 6.6 null 타입 null이 유리한 값 변수가 비어있다는 것을 명시적으로 표현할 때 사용 의도적 부재(Intentional Absence) 함수가 유효한 값을 반환하지 않을 때도 null을 반환 6.7 심벌 타입 ES6에 추가 변경 불가능한 원시 타입 값 다른 값과 중복되지 않는 유일무이한 값 객체의 유일한 프로퍼티 키 생성시 사용 Symbol 함수를 호출하여 생성 cf) 다른 타입은 리..
06장 - 데이터 타입 (1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 6.0 자바스크립트의 타입 총 7개의 타입을 제공 원시 타입(Primitive Type)과 객체 타입(Object/Reference Type)으로 분류 6.1 숫자 타입 자바스크립트는 하나의 숫자 타입만 존재 모든 수를 실수 처리 진수는 모두 10진수로 해석 세 가지 특별한 값 Infinity -Infinity NaN: Not a Number 산술 연산 불가 숫자가 아닌 타입을 산술 연산자와 사용하였을 때 식별자로 해석함 6.2 문자열 타입 텍스트를 나타날 때 사용 공백 문자 포함 큰 따옴표(""), 작은 따옴표(''), 백틱(``)으로 감싼 형태 일반적으로 작은 따옴표 사용 따옴표 안에 따옴..
05장 - 표현식과 문 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 5.1 값 값(value)은 표현식(expression)이 평가(evaluate)되어 생성된 결과를 말함 모든 값은 데이터 타입을 가지고 메모리에 2진수 비트의 나열로 저장 변수는 값을 저장 값에 대한 이름표 5.2 리터럴 Literal 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 값을 생성하기 위해 미리 약속한 표기법 표현식 중 하나 5.3 표현식 값으로 평가될 수 있는 문 평가되면 새로운 값을 생성하거나 기존 값 참조 리터럴 표현식과 표현식이 평가된 값은 동치 값이 위치할 수 있으면 표현식 또한 위치할 수 있음 콘솔창에서 표현식을 입력하면 값으로 나타나게 됨..
04장 - 변수 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 4.1 변수란 무엇인가? 왜 필요한가? 애플리케이션은 데이터를 다룸 데이터를 입력 받아 처리 -> 그 결과를 출력 데이터를 관리하기 위한 핵심 개념 평가 Evaluation 자바스크립트 엔진이 자바스크립코드를 평가(Evaluation)하려면? 기호(리터럴, Literal)과 연산자(Operator)의 의미를 알고 있어야 함 표현식(Expression)의 의미도 해석(Parsing)할 수 있어야 함 컴퓨터와 메모리 컴퓨터는 연산과 기억을 수행하는 부품이 나뉘어져 있음 CPU를 사용해 연산 메모리를 사용해 기억 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체 메모리 셀 하나의 크기는 1바이트..
02장 - 자바스크립트란? 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 2.1 자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈 브렌던 아이크가 개발 현재 모든 브라우저의 표준 프로그래밍 언어 2.2 자바스크립트의 표준화 1996년 8월, 마이크로소프트가 자바스크립트의 파생 버전인 JScript를 인터넷 익스플로러 3.0에 탑재 JScript와 자바스크립트가 표준화되지 못하고 적당히 호환 크로스 브라우징 이슈 발생 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 문제 모든 브라우저에서 정상적으로 동작하는 웹 페이지를 개발하기가 무척 어려워 짐 모든 브라우저에서 정상적으로 동작되는 표준화된 자바스크립트의 필요성이 대두 1997년 7월, ECMA-262라 불..
01장 - 프로그래밍 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 1.1 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 해결해야 할 문제(요구사항)을 명확히 이해한 후 적절한 문제 해결 방안을 정의 문제 해결 능력이 요구 됨 정확하고 상세하게 요구사항을 설명하는 작업 Computational Thinking(컴퓨팅 사고) 문제 해결 방안을 고려시, 컴퓨터의 입장에서 문제를 바라봐야 함 컴퓨터와 사람은 사고, 인지의 방식이 다름 컴퓨터의 관점에서 문제를 사고해야 함 1.2 프로그래밍 언어 문제 해결 능력을 바탕으로 정의된 문제 해결 방안은 컴퓨터에게 전달되어야 함 명령을 수행할 주체는 컴퓨터 기계어로 명령을 전달 기계어는 사람의 언어와 체계가 ..
JavaScript - Callback, Promise 본 내용은 인프런 장기효(캡틴판교)님의 Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 강의를 토대로 작성하였습니다. 1.Callback 특정 함수나 기능이 종료되는 시점에 실행되는 함수 JavaScript는 인자에 함수를 넘기를 수 있음 ajax jQuery에서 데이터 요청할 때 사용하는 내장 api 데이터 요청 성공 시에 Callback 함수 실행 JavaScript의 특성상 데이터 요청의 응답을 기다리지 않음 비동기 처리를 해야 함 Callback으로 처리할 수 있음 Callback Hell: Callback이 중첩되면서 코드가 가독성이 떨어지고 복잡해짐 사고의 위배: 사람의 사고에 위배되는 코드 function fetchData() { var result = []; $.ajax(..

티스토리툴바