Dayjs 소개 기존에 Date 관련 라이브러리 중 가장 많이 사용하였던 momentjs는 현재 더 이상 개발되지 않고 있다. https://momentjs.com/ 이를 대체할 라이브러리로 date-fns, dayjs, luxon 등이 있으며 이전에 date-fns를 사용해 보았다. dayjs가 가장 가볍다고 한다. https://day.js.org/docs/en/installation/browser https://suzzeong.tistory.com/115 현재 ECMAScript에서는 현재 기본으로 사용되는 범용성이 떨어지는 Date API를 대체할 Temporal API를 준비 중이지만 아직 정식 버전이 아닌 상태이다. https://github.com/tc39/proposals 이후 표준 명세에..

lua로 만들어진 데이터를 익숙한 json 데이터로 변환해서 사용해보고 싶었다. 그러려다 보니 lua data를 가져와 json으로 변환하는 과정을 lua 스크립트로 작성해야 했다. 그 내용을 기록해 본다. lua 소개 https://www.lua.org/ lua는 가벼운 명령형/절차적 언어로 확장 언어로 쓰일 수 있는 스크립팅 언어를 주목적으로 설계되었다. 포르투칼어로 "달"을 의미하는 단어라고 한다. C/C++과 같이 쓰기 좋아서 앵그리버드, 월드 오브 워크래프트, 로블록스, 네버윈터 나이츠, 문명 V 등등 다양한 게임에서 UI나 config 설정을 관리하는 용도로 많이 쓰인다고 한다. lua 설치하기 https://www.lua.org/download.html window에서 사용하려고 하였는데 다..

이 글의 내용 중 SvelteKit Docs 문서 부분은 Sveltekit가 Release 되기 전 문서 내용입니다. 글 작성 이후 session이 삭제되고, +접두사로 파일 이름 규칙이 변경되는 등 대대적인 변경이 있었습니다. 따라서 SvelteKit Docs 내용 부분은 현재 도움이 되지 않습니다. SvelteKit을 공부하기 전에 Svelte 부터 공부해야 합니다. 2022.06.23 - [Study/JavaScript] - Svelte 공부하기 Svelte는 tutorial 사이트에서 직접 예제를 테스트해볼 수 있어서 공부하기 편했다. SvelteKit은 예제를 테스트 해볼 수 있는 사이트 제공이 없다. 따라서 로컬에 설치하고 개인적인 프로젝트를 만들면서 나한테 필요한 설정들에 대해서 정리해 보고..

Svelte 소개 Svelte는 2016년 출시된 오픈소스 프런트엔드 웹 프레임워크이다. 기존에 인기 있는 React, Angular, Vue.js를 이어 다음 주자가 될지 관심을 받고 있다. https://svelte.dev/ 개발 과정에선 Svelte를 사용하지만 빌드 시 vanilla JavaScript로 결과물을 만들어내서 이로 인해 라이브 사용 시 코드 용량이 많이 줄어든다고 한다. 또한 가상 Dom을 사용하지 않고 간소화된 코드로 기존 대비 동일한 결과물을 만들 수 있다고 한다. React의 Next, Vue의 Nuxt같이 Svelte도 SvelteKit이 있다고 하는데 일단 Svelte가 어떤 라이브러리인지 알아본다. 공부하기 다음과 같이 사용하여 Svelte template 프로젝트를 만들..

corepack 소개 기본 개념 corepack은 node v16.9.0, v14.19.0부터 기본 포함된 실험적 기능으로 yarn, pnpm 같은 package manager를 프로젝트별로 지정하여 사용할 수 있게 한다. (yarn 개발자가 만들었다고 함.) https://nodejs.org/dist/latest-v16.x/docs/api/corepack.html Corepack | Node.js v16.15.1 Documentation Corepack# Added in: v16.9.0, v14.19.0 Corepack is an experimental tool to help with managing versions of your package managers. It exposes binary prox..

개인적으로 공부하면서 기록한 내용입니다. 전문적인 지식을 정리한 글이 아닙니다. 개인적으로 vue 2 버전을 nuxt와 vue cli를 함께 사용하였다. vue 3가 나왔지만 nuxt가 지원하지 않아서 공부하던 프로젝트를 버전 업하지 않았었는데 오래간만에 다시 찾아보니 여전히 아직 지원하지 않고 RC 버전까지 나왔다. vue 3 정식 버전이 나온 게 2020년 9월 19일이었다. https://github.com/vuejs/core/releases/tag/v3.0.0 Nuxt의 Vue 3 지원 지연 vue 3는 이후로도 계속 활발하게 릴리즈 되고 있었지만 nuxt의 경우 현재까지도 vue 3 지원하는 버전이 정식 릴리즈 되지 않고 있다. 작년에 릴리즈 된다던 타임라인이 그동안 여러 번 연기가 되었다. h..

typescript를 사용해보기 위해 기존 vue 3로 만든 프로젝트를 변경한 내용에 대한 기록입니다. 공부하는 과정에 대한 기록이기 때문에 전문적인 지식을 정리한 글이 아닙니다. TypeScript 소개 https://www.typescriptlang.org/ JavaScript With Syntax For Types. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code. www.typescriptlang.org TypeScript는 ..

Rancher Desktop의 구성 docker desktop을 사용하지 않고 docker, kubernetes를 사용하기 위한 대안을 찾다가 rancher desktop을 사용해봤다. 2021.12.01 - [Study/Docker & Kubernetes] - Window에서 Docker Desktop 없이 docker, kubernetes 사용하기 해당 app을 사용하면서 어떻게 만들어졌는지 궁금했는데 github에 공개되어 있었다. https://github.com/rancher-sandbox/rancher-desktop GitHub - rancher-sandbox/rancher-desktop: Kubernetes and container management to the desktop Kuberne..