Vue 를 사용한 Portfolio gitpage

1. 개발 목표

    Vue를 이용해서 프로젝트 목록을 보여주고, 깃링크로 이동하는 Portfolio gitpage 제작

2. 개발환경 및 도구

• 소스 관리 - Github
• IDE - Visual Studio Code
• Web framework - Vue 3 (ver. 3.4.19)
• Vue plugin - bootstrap (ver. 5.3.3), vue-router (ver. 4.0.13), vuex (ver. 4.1.0), vite (ver. 5.1.4)

3. 프로젝트 특징

    정리한 프로젝트를 한눈에 보기 쉽게 배치하고, 깃허브링크를 통해 자세한 내용을 볼수있게 Vue 사용해서 페이지를 제작

4. 사용 기술

• Vue.js 프레임워크를 사용해서 SPA(Single Page Application)으로 웹페이지를 개발
• vue-router를 이용해서 vue의 싱글 페이지 처리를 쉽게 할수 있도록 적용
• vuex로 상태관리를 해서 카드리스트 형태로 보여줄 내용들을 공통으로 사용할 수 있도록 정의한다.
• vue3 에서 빠르게 프로젝트를 구성하고, 서버를 실행하기 위해서 vite 를 사용

5. 추가 사항

• 지금은 따로 DB를 사용하지 않고 있어서 데이터를 정적으로 사용하고 있는데 이를 AWS나 Firebase를 활용해서 서버, DB를 추가해서 좀더 데이터를 동적으로 추가/삭제 등을 처리할 수 있게 만드는것을 고려함