- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- 네트워크
- html
- 알고리즘
- 모던 자바스크립트
- 프론트엔드
- 백준 실버
- JavaScript
- git
- error
- 상태관리
- 그림으로 배우는 http&network
- 비동기
- git error
- 이터러블
- es6
- 에러처리
- Angular
- Java Script
- 웹
- C++
- 모던 자바스크립트 deep dive
- 자바스크립트
- get
- js
- 백준
- React
- async
- map
- http
- deep dive
목록자바스크립트 (7)
sharingStorage

47.1 에러 처리의 필요성 에러가 발생하지 않는 코드를 작성하는 것은 불가능하다. 에러는 언제나 발생할 수 있고 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다. 에러에 의해 프로그램이 강제 종료되어 [End]같은 아래 코드는 실행되지 않는다. try catch문으로 에러를 적절하게 대응하여 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있다. 에러나 예외적인 상황은 너무나 다양하기 때문에 아무런 조치없이 프로그램이 강제 종료된다면 원인을 파악하여 대응하기 어렵다. 47.2 try ... catch ... finally 문 기본적으로 예외처리를 구현하는 방법은 크게 두가지가 있다. 예외적인 상황이 발생하면 반환하는 값(null 또는 -1)을 if문이나 단축평가 또는 옵셔..

46.1 제너레이터란? ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제너레이터와 일반 함수의 차이점은 다음과 같다. 1. 제너레이터 함수는 함수 실행을 함수 호출자가 제어할 수 있다. 다시 말해, 함수 호출자가 함수 실행을 일시 중지시키거나 재개시킬 수 있다. 이는 함수의 제어권을 함수가 독점하는 것이 아니라 함수 호출자에게 양도할 수 있다는 것을 의미한다. 2. 제너레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 일반 함수는 매개변수를 통해 함수 외부에서 값을 주입하고 반환받는다. 즉 함수가 실행되고 있는 동안에는 함수의 상태를 변경할 수 없다. 제너레이터 함수는 함수 호출자에게 상태를 전달할 수 있고 함수 호출자로부터 ..

21.1 자바스크립트 객체의 분류 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다. 표준 빌트인 객체 - 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며 애플리케이션 전역의 공통 기능을 제공한다. 이는 자바스크립트 실행환경과 관계없이 언제나 사용할 수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다. 따라서 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. 호스트 객체 - 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다. 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, Web Storage 등 과 같은 클라이언트 사이드 Web API를 호스트 ..
10장 객체리터럴 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 구성하는 것중 원시값을 제외한 나머지 값(함수, 배열, 정규표현식 등)은 모두 객체이다. 객체타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이며 원시 값은 immutable한 값이지만 객체는 mutable(변경가능)한 값이다. 객체는 0개 이상의 프로퍼티로 이루어져 있으며 프로퍼티는 프로퍼티 키와 프로퍼티 값으로 나뉜다. 함수도 프로퍼티 값이 될 수 있으며 이때 함수를 메서드(method)라고 부른다. var counter= { num=0; //프로퍼티 increase: function() { // 메서드 this.num++; } } 위처럼 객체는 프로퍼티와 메서드로 구성된 집합체이다. 10.2 객체 리터럴에..
9장 타입 변환과 단축 평가 9.1 타입 변환 자바스크립트의 모든 값은 타입이 있다. 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. 개발자의 의도와는 상관없이 표현식을 평가하는 중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다. 명시적 타입 변환이나 암묵적 타입 변환이 기존 원시값을 직접 변경하는 것이 아니다. 원시 값은 변경 불가능한 값이므로 타입변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다. 9.2 암묵적 타입 변환 //암묵적 타입 변환 var x = 10; //문자열 연결 연산자는 x값을 바탕으로 새로운 문자열 생성 var str= x + ''; console.l..
6장 데이터 타입 자바스크립트(ES6)는 7개의 데이터타입을 제공한다. 6-1 숫자타입 C나 자바의 경우 정수와 실수를 구분해서 숫자타입을 제공하지만 자바스크립트는 독특하게 하나의 숫자타입 만 존재한다. 즉 정수를 표기하기위한 데이터타입 (int와 같은)이 존재하지 않고 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입도 제공하지 않는다. (타입스크립트라면? ) var binary = 0b0100001; // 2진수 var octal = 0o101; // 8진수 var hex = 0x41; // 16진수 console.log(binary); // 65 console.log(octal); // 65 console.log(0x41); // 65 console.log(octal === hex) // tu..

리액트를 살짝, 앵귤러를 많이 접하고나서 느낀점은 '기본기의 부족' 이였다. 성격상 모든걸 완벽하게 마치고 다음 단계로 나아가고 싶지만 js, html, css를 완벽하게 깨우치고 웹 프레임워크를 배운다는건 말도 안되는 얘기라는 것도 깨달았다. 두번 째는 기억력의 한계이다. 내 뇌용량은 한계가 있고 개발자의 세계는 너무나도 깊다는 것을 깨닳았다. 분명 기초적인 css, js지식임에도 구글링을 해야하고 이제는 내 머리를 믿지 않고 내 몸이 기억해야한다. 손이 기억하고 나중에 한번 더 보고 눈이 기억하도록... 간단한 문법서(?)지만 바이블이라는 얘기도 들었고 명칭은 정확히 기억나지 않지만 다른 주니어 개발자분이 매주 블로그에 책을 읽고 정리해 놓는것이 기억나서 이렇게 시작해본다. 여태껏 딱딱한 말투로 정보..