오늘도 삽질

JavaScript

[TypeScript ] 쓰는이유? 사용해보기

Typescript 타입 스크립트는 마이크로소프트가 개발 유지하고 있는 오픈소스 언어로 2012 년 말 처음 발표되었습니다. 자바스크립트 대체 언어 중 하나이며 ESNext의 모든 문법을 포함하는 Superset입니다. 현재 표준 자바스크립트인 ES5, 매년 새로운 버젼을 발표하는 ESNext, 그리고 ESNext에 타입(Type)기능을 추가한 타입스크립트이다. Typescript 왜 쓰는 걸까? 여러 사람이나 팀이 협력해 하나의 제품을 개발하는데 이런 상황에서 항상 코드를 작성한 쪽과 사용하는 쪽 사이에 소통이 중요하다. 예를 들어서 A라는 개발자가 다음과 같은 코드를 만들었다고 가정해 보자. function kimPerson(name, age) { } B라는 개발자는 이코드를 이용하려고 다음 코드를..

JavaScript

Eslint 초기 설정하기

Eslint Eslint는 코드를 분석하여 에러를 찾아주고 일관적인 코딩 스타일로 작성할 수 있게 도와줍니다. 다른사람의 설정을 가져와서 사용할 수도 있고 외부에 공개되어있는 기업들의 설정을 가져와서 사용할 수도 있습니다. 2017년 에는 네이버에서도 Eslit 규칙을 공개 하기도 했습니다. Airbnb airbnb/javascript JavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub. github.com Google google/eslint-config-google ESLint shareable config for the Google JavaScript style guide..

JavaScript/Es6

[ES6] Module

모듈 ES6의 모듈을 사용하기에 앞서 보편적인 브라우저에서는 지원하지 않는다. 크롬도 아마도 61+버전 부터 사용이 가능했던걸로 기억한다. 최신버전으로 업데이트 하는 걸 권장한다. 그리고 모듈은 로컬 환경에서 개발 테스트를 할 수 없으며 서버 환경에서실행해야한다.모듈은 자바스크립트 코드의 재사용성을 높이는데 도움이 되며 자신만의 스코프 갖기 , 전역변수와 지역변수를 나누어 선언, 비동기로 모듈을 로드하여 사용 모듈의 주요 기능이다. 모듈은 자기만의 스코프를 가지고 변수 또는 함수는 비공개 API로 선언된다. export 키워드를 앞에 붙이고 변수 또는 함수 등을 선언시 공개 API로 선언된다. 이에앞서 모듈 로드가 선행되야 한다.12module.jsexport default function();cs기본값..

JavaScript/Es6

[ES6] Promise

Promise Promise는 지연 함수와 비동기 연산을 제어할 수 있게 해주는 클래스이다. 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용하는데 콜백 패턴은 가독성이 나쁘고 비동기 처리 중 에러의 예외 처리가 곤란하고 여러개의 비동기 처리가 곤란한단점이 있다. 이러한 단점을 극복한 것이 Promise 이다. 12345678910111213let cnt = 0; let promise = new Promise(function(resolve, reject){ // Promise는 new 연산자 뒤에 Promise 함수를 호출 선언 setTimeout(function(){ // 지연함수를 Promise 내부에서 관리 cnt++; resolve(cnt); // 결과값을 전달 })}); pro..