Vite is yet another javascript bundler tool similar to Webpack, and it's growing rapidly mainly for its faster build performance. You may wonder whether Vite supports all the configurations, plugins and features which Webpack does. But considering relatively short history of Vite, Vite's varieties of configs and features are amazing and I have not encountered a feature that Webpack supports but Vite doesn't.

We all agree that React is awesome compared to the era where we all had been suffered from doing Vanilla JavaScript to render DOM without JSX, reactive states, and much more. There is no doubt that React has the biggest ecosystem among SPA tools, that's why more and more people try to learn React as time goes by.

We are going to learn how to determine whether a device supports HEVC videos on Web Browser, mainly recent versions of Chromium. On recent releases of Chromium, starting from version 107, HEVC, H.265 video format is being supported.

소스 코드 관리 시스템으로 가장 많이 쓰이는 Git에서는 여러 브랜치를 통해 다른 작업을 구분하면서 동시에 수행할 수 있는데, master나 develop 브랜치와 같이 여러 사람이 작업을 시작하는 베이스 브랜치, 릴리즈의 주가 되는 역할을 하는 브랜치는 일반적으로 바로 커밋을 넣지 않습니다.

Webpack 같은 번들러를 이용하지 않고 코딩한 자바스크립트 파일을 그대로 모듈 시스템을 이용하고 싶을 때가 가끔 있습니다. 예를 들어 간단한 테스트나 토이 프로젝트를 수행할 때 말이죠. 웹팩이 있을 때는 임포트와 익스포트 구문만 제대로 써주면 문제가 없었는데, 번들러가 웹 개발에 있어 필수 아닌 필수가 되었기에 번들러가 함께하는 개발에만 익숙해진 사람들은 웹팩 없이 ECMAScript의 모듈 (ES Module)을 처음 써보는 거라면 바닐라JS의 모듈 시스템이 굉장히 낯설게 느껴질 수 있습니다.

With Typescript, you can do strict type checking at compile time or before, thanks to Typescript's features and help from IDE. Let us say we want to define an object having properties of smartphones. We can achieve it like the code below: …

In Windows Subsystem for Linux (aka wsl), if you have not touched any wsl config (or something has not been changed), then you can start apps installed in Windows, such as vscode. you can start vscode installed in Windows with …

Node Package Manager, npm은 NodeJS 패키지 매니저로서 패키지 설치, 의존성 관리의 역할을 수행합니다. JS 개발자로서 매일 같이 유용하게 쓰고 있음에도 불구하고 npm에 대해 마음을 다잡고 공부해 본 적이 없어서 이 포스트를 쓰게 되었습니다. npm에서 자주 쓰이지만 따로 공부하지 않으면 제대로 알기 힘든 기능을 중심으로 훑어가도록 하겠습니다.

k means clustering divides arbitrary data into k clusters based on their similarity (or distance). This algorithm is effective at grouping unclustered data if artificial intelligence is unavailable, but the result is not deterministic due to randomness and it may take long time to compute the results.

By default, Windows Powershell does not look great compared to Linux terminals. Also, Git does not play nice with Windows Powershell. It does not provide …