thumbnail
Svelte를 조금 더 소개합니다. Thumbnail

Svelte를 조금 더 소개합니다.

이전 글에서는 Svelte의 기초 문법에 대해서 소개했습니다. 이 글에선 이전에 미처 다루지 못한 문법에 대해서 다루겠습니다. 다룰 내용 - 동적으로 class 할당하기 - bind로 입력값 연결하기 - 자식 컴포넌트에 bind 사용하기 - bind:this로 ...

2019년 8월 23일0개의 댓글
자바스크립트 Factory 패턴 구현하기 Thumbnail

자바스크립트 Factory 패턴 구현하기

팩토리 패턴은 객체 지향 프로그래밍에서 유래된 디자인 패턴입니다. 객체 생성을 단순하게 추상화해서 반복적인 객체들을 생성할 때 사용합니다. 이 글에서는 제가 ES5, ES6+로 팩토리 패턴을 구현하는 몇가지 방법을 짧게 공유하겠습니다. 객체 생성자 함수 ES6...

2019년 8월 19일0개의 댓글
웹 프레임워크 Svelte를 소개합니다. Thumbnail

웹 프레임워크 Svelte를 소개합니다.

현재 2019년 8월, Angular, React, Vue를 프론트엔드 프레임워크 3대장이라고 합니다. 3대장 프레임워크는 이미 유명하고 많은 기업에서 사용하고 있습니다. 입문용 한글 소개자료도 충분히 존재합니다. 이 글에서는 상대적으로 덜 알려진 웹 프레임워크인...

2019년 8월 7일4개의 댓글
타입스크립트 class Thumbnail

타입스크립트 class

이 글은 제가 타입스크립트를 공부하면서 정리한걸 옮겨온 것입니다. 타입스크립트(typescript)의  class에 관한 주요 개념을 알아보자. 자바스크립트(javascript)는 프로토타입 기반의 객체지향 프로그래밍이 가능하다. ES6에는 Java나 C++ ...

2019년 7월 20일0개의 댓글
자바스크립트 ES6 Map 타입 Thumbnail

자바스크립트 ES6 Map 타입

ES6에 새로 추가된 Map 타입의 기본 문법과 특징을 간단하게 알아보겠습니다. Map은 key와 value가 [key, value] 형식으로 이루어진 리스트입니다. Map 생성 및 요소 추가 Map 객체 생성은 다음과 같이 new Map()으로 하며 set으로...

2019년 7월 20일0개의 댓글
자바스크립트 콜백부터 async await까지 비동기 처리 Thumbnail

자바스크립트 콜백부터 async await까지 비동기 처리

1. 동기와 비동기 동기란 어떤 코드가 위에서부터 아래까지 흐름대로 자연스럽게 실행됨을 의미합니다. 좀 더 정확한 예시로 함수A를 실행하면 함수A의 작업이 완전히 끝난 후 다음 작업을 실행하는 것입니다. async 함수 내부에선 await을 사용해 마치 동기적으...

2019년 7월 15일4개의 댓글
자바스크립트 rest, spread 문법과 destructuring Thumbnail

자바스크립트 rest, spread 문법과 destructuring

모던 자바스크립트에는 더욱 좋은 문법이 많이 추가되었습니다. rest, spread 문법과 destructuring도 그 중 하나입니다. 오늘은 이에 관련된 내용을 작성하겠습니다. 1. 파라미터와 아규먼트 저도 이 stack over flow 문서를 보기 전에는...

2019년 7월 15일0개의 댓글
Serverless를 이용하여 AWS S3 정적 호스팅하기 Thumbnail

Serverless를 이용하여 AWS S3 정적 호스팅하기

정적인 html, 싱글 페이지 어플리케이션(spa)는 아마존 웹 서비스(AWS)의 S3라는 파일서버에 올려서, 간단하게 호스팅 할 수 있습니다. 오늘은 serverless 프레임워크를 이용해서 AWS S3에 정적 호스팅을 간단하게 하는 방법을 알아보겠습니다. 1....

2019년 7월 12일0개의 댓글
Vue 컴포넌트를 오픈소스로 npm에 배포하기 Thumbnail

Vue 컴포넌트를 오픈소스로 npm에 배포하기

컴포넌트는 vue.js의 기본 구성 요소입니다. 좋은 컴포넌트를 만들어서 오픈소스로 배포하면, awesome vue 등에 게시될 수 있습니다. 이번 글에서는 컴포넌트를 만들고 npm에 배포하는 방법에 대해 알아보겠습니다. 1. vue-cli 설치 https:...

2019년 6월 28일0개의 댓글
Javascript 깊은 복사의 함정 Thumbnail

Javascript 깊은 복사의 함정

오늘 자바스크립트의 얕은 복사(shallow copy), 깊은 복사(deep copy)에 관해서 써보고자 한다. 공부해보니 내가 알던 깊은 복사에 커다란 함정이 있었고, 내가 알던 깊은 복사의 기능이 맞는지 의구심이 들었다. 그래서 제목을 자바스크립트 깊은 복사의 ...

2019년 6월 26일4개의 댓글
Vue slot 및 v-slot 사용법 Thumbnail

Vue slot 및 v-slot 사용법

Vue 2.6.0에 v-slot이라는 문법이 추가되었습니다. 기존 slot의 사용법을 간단하게 훝고, v-slot에 대해 알아보겠습니다. slot vue에서 slot은 자식컴포넌트의 엘리먼트를 부모에서 지정할 때 사용합니다. 대신 v-bind(:)나v-on...

2019년 6월 26일1개의 댓글

타입스크립트를 처음 공부하고 느낀점

Javascript만 할줄 알던 개발자가 처음 Typescript를 공부해보고 느낀점

2019년 6월 14일0개의 댓글
Serverless를 이용해서 Nuxt 프로젝트 AWS lambda에 배포하기 Thumbnail

Serverless를 이용해서 Nuxt 프로젝트 AWS lambda에 배포하기

최근 클라우드 서비스를 이용한 마이크로 서비스 아키텍쳐(MSA)가 대두되고 있습니다. AWS lambda는 MSA에 적합한 클라우드 서비스입니다. 이를 이용하면 간단한 코드 작성만으로 서버 없이 배포를 할 수 있습니다. serverless 프레임워크는 node.j...

2019년 6월 14일0개의 댓글