thumbnail
JavaScript 클립보드 복사 구현하기 Thumbnail

JavaScript 클립보드 복사 구현하기

많은 사이트에서 버튼을 클릭하면 정해진 텍스트를 클립보드로 카피할 수 있는 기능을 사용하고 있습니다. copy-gif.gif 클립보드에 데이터를 복사하는 방법은 execCommand API 를 사용하거나 ClipboardAPI 를 사용하는 두 가지 방법이 있습니다...

3일 전2개의 댓글
Factory Method Pattern in JavaScript Thumbnail

Factory Method Pattern in JavaScript

소프트웨어 디자인 패턴 중 팩토리 메서드 패턴(Factory Method Pattern)에 대해서 알아보겠습니다. Factory? 먼저 이 패턴에 팩토리(Factory) 라는 이름이 붙은 이유는 공장에서 상품을 생산하듯이, 팩토리 메서드로 비슷한 객체를 찍어내는

2019년 3월 31일3개의 댓글
velog 배너 생성기를 만들어 봅시다 Thumbnail

velog 배너 생성기를 만들어 봅시다

velog를 사용하는 여러분은 썸네일용 배너를 어떻게 만들고 계신가요? 저는 매번 배너 만들기가 귀찮아서(...) 간단한 배너 생성기를 만들었습니다. - Banner Maker React로 스태틱 배너 생성기를 만들면서 삽질했던 내용을 기록해 보았습니다. 필수적

2019년 3월 3일14개의 댓글
Today I Learned (feat.Notion 템플릿) Thumbnail

Today I Learned (feat.Notion 템플릿)

TIL 작성을 위한 Notion 템플릿을 사용해서 한달 정도 정리한 내용을 모아봤습니다. 📚 TIL Notion 템플릿 매일 쓰는 킬러 앱이다 보니 TIL도 Notion으로 작성하면 어떨까 했는데 깃헙에 푸시하는 것 보다 자주 쓰게 되고 내용에 더 충실할 수 있

2019년 2월 24일4개의 댓글
DOM이란 무엇인가? Thumbnail

DOM이란 무엇인가?

DOM MDN 에서 말하는 DOM의 정의는 다음과 같습니다. 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 그래서 DOM이 정확히 뭐라고요? 옳은 것을 모두 골라보세요....

2019년 2월 17일1개의 댓글
JavaScript 엔진 톺아보기 (2) Thumbnail

JavaScript 엔진 톺아보기 (2)

이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 지난 포스트에서는 JS엔진의 종류와 최적화 컴파일러에 대하여

2018년 12월 16일1개의 댓글
JavaScript 엔진 톺아보기 (1) Thumbnail

JavaScript 엔진 톺아보기 (1)

이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 자바스크립트를 사용하면서, 그리고 내부적으로 V8 엔진을

2018년 11월 25일8개의 댓글
Today I Learned (Oct) Thumbnail

Today I Learned (Oct)

Banner made by Banner Maker Develop Log 2018.10.19 - 2018.10.28 공부했거나 알게 된 내용을 모아서 정리하는 글을 종종 쓰려고 합니다. 영문 작성 연습을 겸하고 있으니 틀린 표현이나 오타가 있다면 편하게 알려주세요...

2018년 10월 28일5개의 댓글
JavaScript 프로그램 성능 향상 Thumbnail

JavaScript 프로그램 성능 향상

책 You Don’t Know JS : this와 객체 프로토타입, 비동기와 성능 스터디에서 진행한 [PART II 비동기와 성능 - 5장 프로그램 성능] 관련 정리입니다. 서론 JS에서 비동기성이 중요한 이유? 성능..성능..성능! - 독립적인 2개의 AJA...

2018년 10월 21일5개의 댓글
프라미스(Promise) Thumbnail

프라미스(Promise)

🌱 Background Story JavaScript는 단일 스레드 기반으로, 두 스크립트를 동시에 실행할 수 없으며 차례로 실행해야 한다. JS에서 실행될 준비가 된 코드 조각은 Job Queue(작업 대기열)에 보관된다. 코드 실행이 끝나면, 이 대기열을 관

2018년 10월 14일0개의 댓글
ES6 정리 Thumbnail

ES6 정리

ES6 문법을 정리한 내용입니다. Scope --- 변수 선언 다음 세 가지를 기억하자 1. const를 기본으로 사용한다. 2. 변경이 될 수 있는 변수는 let을 사용한다. 3. var는 사용하지 않는다. let block (function

2018년 10월 2일8개의 댓글