반응형 분류 전체보기47 [Vue + Vite] 근데 Vite는 뭔가요? Vue 3로 오면서 Vue 프로젝트를 만들면 Vite 기반으로 빌드설정이 이루어지게 된다. Vite는 기존의 Vue CLI를 대체하기 위한 툴이다. Vite를 이용하여 Vue 프로젝트의 스캐폴딩을 만든다라고 보면 된다. 따라서 Vue3를 사용하면 Vite가 뭔지를 먼저 알고 넘어가야 한다. Vite Vite는 프론트엔드 개발을 위한 툴이다. 한글로는 비트라는 발음에 가깝다. Vue에 종속되어 있는 툴이 아니라 React, Vanilla, Svelte 등 프론트엔드 개발 어디서든 사용될 수 있다. Vite는 크게 2가지 역할을 한다. Dev Server : 개발 환경에서 HMR과 같은 기능을 제공하는 개발용 서버 기능 Build : Production 배포를 위한 소스코드 번들링 기능 기존의 Vue CLI.. 2023. 6. 6. Electron 으로 데스크탑 어플리케이션 만들기 기초 VS Code, Discord, Slack, Skype와 같은 데스크탑 툴들을 보면 뭔가 느낌이 비슷하다는 것을 느낄 것이다. 그리고 보통 윈도우, Mac, 리눅스와 같이 멀티플랫폼을 지원하고 있다. 이러한 데스크탑 어플리케이션은 어떻게 만들었을까? 정답은 바로 Electron으로 만들었다. Electron은 HTML, JavaScript, CSS를 이용하여 웹기반으로 데스크탑 어플리케이션을 만들 수 있게 해준다. 이 과정을 실습해보면서 간단한 데스크탑 어플리케이션을 만들어보도록 하자. Electron 이란 Framework Electron은 JavaScript, HTML, CSS를 이용하여 데스크탑 어플리케이션을 만들기 위한 프레임워크이다. 독립적인 실행환경 Electrond은 Node.js와 Chro.. 2023. 6. 1. 온라인 지리좌표계 변환 사이트 지구의 좌표를 나타내는 지리좌표계에는 다양한 기준의 좌표계가 존재한다. 그 중에 우리나라에서 사용하는 대표적인 좌표계 값을 온라인상의 지도에서 보여주는 사이트를 소개한다. WGS84, UTM-K, 4가지 원점의 TM 좌표계 기준의 각 좌표값을 실시간으로 확인할 수 있다. 지리좌표계 변환 사이트 https://archmap.gitlab.io/map ArchMap TM 좌표계는 GRS80 타원체 기준입니다. archmap.gitlab.io 위 사이트에 들어가면 위와 같은 화면이 나온다. 2가지 영역으로 나뉜다. 지도 영역 좌표정보 영역 지도 영역에서는 카카오맵이 보이고, 이동 / 확대 / 축소가 가능하다. 지도 영역에서 지도 타입을 지도 / 스카이뷰를 선택해서 전환할 수 있다. 지도 영역에서 지적도를 on .. 2023. 5. 15. AWS EC2 범용 인스턴스 타입 비교 (T vs M) 처음 AWS에서 EC2 인스턴스를 하나 생성할 때 다양한 종류의 인스턴스 타입을 보고 멘붕이 온 적이 있을것이다. 보통은 프리티어가 되는 t2.micro로 시작을 하면서, 나머지는 도대체 다 뭘까라는 생각을 할 것이다. 그래서 오늘은 EC2 범용 인스턴스의 타입을 정리해서 비교해보려고 한다. EC2 범용인스턴스는 일단 방식에 따라 T와 M 타입으로 나뉜다. 그리고 세대가 올라갈수록 T나 M다음에 붙는 숫자가 하나씩 올라간다. 그 다음에 인스턴스의 프로세서 제품군에 따라 따라 i, g, a등이 붙는다. 그리고 마지막으로 점(.)이 붙고 small, large와 같은 크기를 나타내는 문자열이 붙는다. 인스턴스 이름: T/M + 세대 + 프로세서 + .크기 이것만 알면 인스턴스 이름만 봐도 대략 어떤 타입인지.. 2023. 5. 10. 이전 1 2 3 4 5 6 7 ··· 12 다음 반응형
