grid

morecube-layer-abstract-shapes

than

arspiral-helix-abstract-shapesch!ve.

Preserving the past while creating new value.
More than storage, unlock possibilities.

Articles.

thumbnail

TypeScript

[요약] 10배 더 빠른 TypeScript

Mar 12, 2025

6 min read

Microsoft의 TypeScript 팀에서 발표한 TypeScript 컴파일러의 Go 언어 포팅에 관한 포스트를 요약하였습니다.

thumbnail

Tailwindcss

Tailwindcss v4 변경점 정리

Feb 2, 2025

9 min read

2025년 1월 tailwindcss v4 버전이 릴리즈되었습니다. 메이저 버전 업데이트인 만큼 많은 부분이 변경되었는데요. 어떤 부분이 변경되었는지 알아보았습니다.

thumbnail

Chrome Extension

React.js로 개발하는 크롬 확장 프로그램 - pt3. Vite와 React.js로 확장 프로그램 개발하기

May 4, 2024

12 min read

'React.js로 개발하는 크롬 확장 프로그램' 앞선 두 파트에서는 크롬 확장 프로그램을 구성하는 요소들에 대해 알아보았습니다. 이번 글에서는 Vite와 React.js를 이용하여 크롬 확장 프로그램 개발 환경을 구성하고, Chrome API를 사용하는 간단한 확장 프로그램을 만들어보겠습니다.

thumbnail

Chrome Extension

React.js로 개발하는 크롬 확장 프로그램 - pt2. 유저 인터페이스

May 4, 2024

15 min read

Chrome, Firefox, Edge, Opera 등 주요 브라우저는 기능을 확장하거나 수정할 수 있는 확장 프로그램을 개발할 수 있는 환경과 API를 제공합니다. 확장 프로그램은 웹페이지의 UI를 변경하거나, 브라우저 이벤트를 감지하여 필요한 동작을 수행하는 등 다양한 응용이 가능한데요. 이번 글에서는 크롬 브라우저의 확장 프로그램을 개발하기에 앞서 확장 프로그램에 필요한 파일 구성과 그 역할에 대해 알아보려고 합니다.

thumbnail

Chrome Extension

React.js로 개발하는 크롬 확장 프로그램 - pt1. 백그라운드 스크립트

Mar 4, 2024

20 min read

크롬, 파이어폭스, 엣지, 오페라와 같은 주요 브라우저는 기능을 확장하거나 수정할 수 있는 확장 프로그램을 개발할 수 있는 환경과 API를 제공합니다. 확장 프로그램은 웹페이지의 UI를 변경하거나, 브라우저 이벤트를 감지하여 필요한 동작을 수행하는 등 다양한 응용이 가능한데요. 이번 글에서는 크롬 브라우저의 확장 프로그램을 개발하기에 앞서 확장 프로그램의 구성에 필요한 파일들과 그 역할에 대해 알아보려고 합니다.

thumbnail

Vite

Vite 플러그인 알아보기

Jan 24, 2024

26 min read

Vite는 개발 서버의 동작이나 빌드 과정을 커스텀하게 구성할 수 있는 플러그인 API를 제공합니다. 플러그인을 통해 원하는 동작을 구성할 수 있다는 점은 Vite의 확장성과 생태계를 더욱 풍성하게 만들어주는 중요한 역할을 하고 있는데요. Awesome Vite에 등록되어 있는 인기있는 플러그인을 살펴보면 Vite에서 제공하는 공식 플러그인 이외에 커뮤니티 플러그인도 많이 사용된다는 것을 알 수 있습니다. 이번 글에서는 Vite 플러그인은 어떤 형태로 구성되는지 알아보려고 합니다.

thumbnail

Web

URI vs URN vs URL

Jul 1, 2023

6 min read

인터넷 상의 리소스를 찾기위해 사용되는 URI, URN 그리고 URL는 어떤 관계가 있는지 알아보았습니다.

thumbnail

TypeScript

TypeScript의 moduleResolution 옵션

May 1, 2023

6 min read

TypeScript의 moduleResolution 옵션과 새롭게 추가된 bundler 설정값에 대해 알아보았습니다.

thumbnail

Vite

Vite는 왜 타입 검사를 하지 않을까?

Oct 12, 2022

8 min read

빠른 개발 서버 실행과 HMR(Hot Module Reload) 기능을 통해 개발 생산성 향상을 도와주는 빌드 도구 Vite. 빠르게 동작하는 특징은 좋지만 TypeScript 프로젝트를 진행하면서 타입검사를 해주지 않아 의구심이 들었는데요. 왜 타입 검사를 진행하지 않는지 알아보기 위해 Vite의 구성과 특징에 대해 알아보았습니다.

thumbnail

JavaScript

자바스크립트는 어떻게 실행되는가?

Apr 20, 2022

19 min read

자바스크립트는 태생적으로 웹 페이지의 동적인 기능을 개발하기 위해 탄생하였습니다. 이러한 특징은 자바스크립트가 다른 언어와의 차이점을 갖도록 만들었고 자바스크립트만의 특징을 이해하는 것이 중요해지는 이유이기도 합니다. 자바스크립트는 인터프리터 언어로써 C++, Java 같은 컴파일러 언어처럼 코드를 컴파일하는 과정없이 실행할 수 있다는 특징을 갖습니다. 때문에 실행 속도 측면에서는 불리할 수 있지만 개발 과정을 빠르고 간편하게 만들었다는 장점을 갖습니다.

thumbnail

JavaScript

module/nomodule 패턴

Oct 4, 2021

5 min read

ESM을 지원하지 않는 브라우저를 위한 module/nomodule 패턴에 대해 알아봅니다.

thumbnail

JavaScript

JavaScript의 모듈 시스템

Sep 3, 2021

16 min read

JavaScript는 언어가 발전하면서 여러 방식의 모듈 시스템을 거쳤습니다. 아주 초기에는 모듈 시스템을 지원하지 않았지만, Node.js의 등장과 ES6의 도입에 따라 점차 발전된 형태의 모듈 시스템 또한 등장하게 되었는데요. 이번 글에서는 JavaScript의 모듈 시스템이 어떻게 변모해 왔는지 알아보려고 합니다.

thumbnail

JavaScript

Promise의 정적 메서드를 통한 비동기 함수의 동시성 처리

May 2, 2021

8 min read

다수의 비동기 함수를 효율적으로 실행하기 위해 사용하는 Promise의 정적 메소드에 대해 알아보았습니다.

Github

Linkedin

Instagram