본문 바로가기

개발58

[javascript] Error Error에러는 언제나 코드 곳곳에 도사리고 있다. 에러가 발생하지 않는 코드를 작성하는 것은 불가능하기에, 발생한 또는 발생할 에러에 대응하는 코드를 함께 작성해줘야 한다.console.log('시작');foo();// ReferenceError: foo is not defined// 강제 종료console.log('끝'); // 에러로 프로그램이 강제 종료되어 이 코드는 실행되지 않는다. 1. try catchtry ..catch (..finally) 문을 사용하여 프로그램이 강제 종료되지 않게 하고 코드를 실행시킬 수 있다.try { console.log('시작'); // 실행할 코드(에러 발생 여지가 있는 코드) //(1***1); // SyntaxError: Invalid or unexpect.. 2022. 10. 14.
[javascript] ES6 최신 문법 4 _ 구조 분해 할당 Destructuring assignment & 단축 평가 Short-circuit evaluation 구조 분해 할당 Destructuring assignment구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 분해하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열 구조 분해 할당1) 우변은 반드시 이터러블이어야 한다. 할당의 기준이 인덱스가 되기 때문이다. 변수의 개수와 이터러블 요소의 개수가 가 일치할 필요는 없다.const arr = [1, 2, 3, 4];const [one, two, three] = arr;console.log(arr[0], arr[1], arr[2]); //1 2 3console.log(one, two, three); //1 2 3 2) 기본값을 넣어 사용할 수도 있다.const point = [1, 2];const [y, x, z = 0] = poi.. 2022. 10. 13.
제로베이스 프론트엔드 스쿨 후기 vs 엘리스 SW 트랙 후기 (+코드잇 후기) 에헴,,, 미루고 미루다가 엘리스 시작한 지 한 달이나 지나고 쓰는 글,,,,애초에 제로베이스 후기만 쓰려고 했는데,,, 엘리스 겪었으니까 엘리스도,,,,,** 주관적인 견해로 쓴 글입니다. 읽으시는 분의 생각과 다를 수 있습니다. 제가 가진 정보도 많지 않지만, 아무 정보도 없이 시작하시는 분들 중 단 한분에게라도 도움이 되고자 찌끄려봅니다. **1. 제로베이스 프론트엔드 스쿨 5기 / 7월~12월 6개월 과정 2022년 7월에 시작하여 9월 초까지 수강하고 드랍. 6월부터 신청을 받았는데 미리 신청한 사람에게는 프리 스쿨이라 하여 일부 강의가 미리 제공된다. 미리 제공되는 강의량이 꽤 되어 미리 신청할수록 좋다. (나는 모르고 시작 3일 전에 시작함,,,) 운영 방식: 제공되는 강의를 알아서 듣고, .. 2022. 10. 13.
[javascript] ES6 최신 문법 3 _ spread spread ...스프레드는 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 문법이다. 스프레드 문법을 사용할 수 있는 대상은 이터러블에 한정된다.let arr = [1, 2, 3, 4];console.log(...arr); //1 2 3 4let a = { ...arr };let b = [...arr];console.log(a); //{ '0': 1, '1': 2, '2': 3, '3': 4 }console.log(b); //[ 1, 2, 3, 4 ]let arr1 = [2, 3, 4];let arr2 = [5, 6, 7];let merged = arr1.concat(arr2); //ES5에서 배열 합치기const newMerged = [...arr1, ...ar.. 2022. 10. 12.
[javascript] ES6 최신 문법 2 _ Iteration protocol Iteration protocol이터레이션 프로토콜은 순회 가능한 데이터 컬렉션을 만들기 위한 규칙이다. ES6 이전의 순회 가능한 데이터 컬렉션(배열, 문자열, 유사 배열 객체, DOM 컬렉션 등)은 통일된 규칙 없이 for문, for in문, forEach 메서드 등으로 순회할 수 있었다.ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수 하는 객체로 통일하여 for of문, 스프레드 문법, 배열 구조 분해 할당의 대상으로 사용할 수 있도록 일원화했다. 이터러블Iterable 프로토콜과 이터레이터Iterator 프로토콜Symbol.iterator(Well-known Symbol > 자바스크립트가 기본으로 제공하는 빌트인 심볼 값이다.)를 프로퍼티 키로 사용한 메서드를 직접 구현하거.. 2022. 10. 12.