본문 바로가기

전체 글47

NPM 모듈 개발 📌 아주 간단한 NPM모듈을 만들어 봅시다. NPM을 개발 시작 1 Node.js가 설치되어 있어야 합니다. 개발을 위한 IDE가 있어야 합니다. vscode로 진행 합니다. 기본적인 Javascript 문법을 숙지하고 있어야 합니다. Typescipt도 괜찮습니다. 일단 프로젝트 폴더를 하나 만들어 vscode에 프로젝트 폴더를 로드 합니다 여기에서는 npmadd 라는 이름으로 생성 하였습니다. vscode에서 터미널을 하나 열어 줍니다. 기본 npm 개발 준비가 끝이 났습니다. NPM을 개발 시작 💡 개발을 위한 기본 파일들을 생성 합니다. 가장 먼저 필요한 것은 package.json을 생성 해야 합니다. 직접 파일을 만들고 내용을 채워도 되며, npm init command를 이용하여 생성해도 괜.. 2023. 10. 11.
Svelte 3 -> 4 migration Svelte Migration 3 → 4(1) 📌 svelte migration방법에 대해서 알아 봅니다. 3 → 4로 많은 부분이 변경 되었습니다. 여기서는 일단 변경된 부분등을 살펴 보고, 어떻게 Migration 해봐야 할지 살펴 보며 #2에서 실제로 Todo APP의 변경을 진행 합니다. Svelete 4 Svelte 4 버젼이 지난 6월 발표 되었습니다. 4년만에 메이저 업그레이드가 있었습니다. 4 버젼은 5버젼으로 진행하기 위한 중간 stage라고 설명하고 있습니다. 즉 4버젼이 후 5버젼은 짧은 시간내로 발표될 것으로 보입니다. 4버젼은 Bridge 버젼의 느낌이 강하고, 공식 사이트에서도 Next Generation은 5 버젼이라는 설명이 많이 나오고 있습니다. Svelte 문법 자체가 변.. 2023. 10. 1.
NPM 실행파일 (모듈이 아닌 실행 파일로) NPM모듈은 모듈로 import해서 함수나 클래스를 사용하는것 이외에도 일반적인 실행 파일로도 사용이 가능 합니다. NPM을 모듈 bin mode npm은 보통 library 형태로 많이 사용하지만, 일반적인 실행 파일과 동일한 방식으로도 사용이 가능하다. 대표적인 예로는 create react app과 같은 모듈을 볼 수 있다. 위 create react app 모둘의 실행 방식이다. javascript 파일이나, typescript 파일에서 import 하는 방식이 아닌, 직접 실행하는 듯한 모습을 볼 수 있다. npx는 모듈이 설치되어 있는 경우 실행을 아닌 경우 바로 설치해 주는 기능을 하며 실행 후 실행을 위해서 설치한 파일을 남기지 않고 삭제됩니다. 필요한 기능만 실행 후 깔끔하게 파일은 정리.. 2023. 10. 1.
Svelte Migration 3 → 4 Svelete 4 Svelte 4 버젼이 지난 6월 발표 되었습니다. 4년만에 메이저 업그레이드가 있었습니다. 4 버젼은 5버젼으로 진행하기 위한 중간 stage라고 설명하고 있습니다. 즉 4버젼이 후 5버젼은 짧은 시간내로 발표될 것으로 보입니다. 4버젼은 Bridge 버젼의 느낌이 강하고, 공식 사이트에서도 Next Generation은 5 버젼이라는 설명이 많이 나오고 있습니다. Svelte 문법 자체가 변경된 부분은 많이 없지만, 전체적인 환경과 build 방식, route 사용법등에 대해 많은 부분 변경이 있었습니다. 주요 변경 사항 컴파일 이후 전체 패키지의 크기가 약 12.7% 정도 줄어들었습느디 Svelte 패키지의 크기가 거의 75% 감소하였습니다. Svelte 패키지의 종속성(Svelt.. 2023. 9. 25.

티스토리툴바