⚡ Calculator 프로젝트 소개

바로가기 https://light9639.github.io/Vue-Calculator/

✨ Vue 계산기 사이트입니다. ✨

🚀 시작하는 법

미리보기를 원하신다면 다운로드 후 yarn을 설치하고

yarn vite
# or
yarn dev

를 누르고 http://127.0.0.1:5173/ 로 접속하면 미리보기 화면을 띄울 수 있습니다.

📆 개발인원 및 기간

• 1인 개발 2023.01.10 ~ 2023.01.10(1일 소요)

🎯 개발 목적

• Vue를 이용한 계산기를 구현하기 위해 만들게 되었습니다.

✒️ 구현기능

• Vue의 Composition API 기능을 활용하였으며, 순수 Css를 통해 레이아웃을 만든 Vue 계산기입니다.

🛠️ 적용 기술

⚡ Vue(Composition API)

• Composition API 기능을 이용하여 값을 계산하고 리셋 지우기 기능을 구현하였습니다.
• @click 이벤트를 작성한 함수를 적용하여 계산식으로 작성했습니다.
• 자바스크립트 정규식을 사용하여 0으로 나눴을 때 경고창이 뜨도록 하였습니다.

⚡ Vite

• WebPack을 사용하는 대신 Vite라는 2세대 번들링 툴을 사용하여 서버에서 작동하는 JS의 크기를 줄이고 속도를 높였습니다.