Github io & Vue 활용하여 github 홈페이지

안녕하세요. 1년차 개발자 Macko 입니다. 근 1년간 실무를 경험하면서 배웠던 것을 복습하고 발전시키기 위해서 자기소개 홈페이지를 만들면서 그 과정을 남기기위해 해당 내용을 작성합니다.개발진행 상황은 MackoLee 에서 확인 할 수 있습니다.1\. IDE: Pyc

웹 어플리케이션을 만들기 앞서서 깃허브에서 제공하고 있는 GitHub Pages를 활용하여 간단한 홈페이지를 만들어 보겠습니다.1\. 새로운 repository를 만들어 줍니다.2\. owner와 같은 이름을 가지고 "owner".github.io 라는 이름을 가진 r

vue를 시작하는 방법 중 간단하고 빠르게 시작할 수 있는 VueCLI를 사용하였습니다. webpack 기본설정을 자동으로 해주고 필요시 vue.config.js 부분에서 수정(https://cli.vuejs.org/config/또한 vue 공식홈페이지(htt

vue에서 만든 페이지를 build 하면 dist에 페이지를 생성하게 되고 github io에서 페이지를 보기 위해서는 index.html 파일을 dist에서 밖으로 꺼내야하는 번거러움이 있습니다. 이를 편하게 하기 위해서 가장 상단에 build 해보겠습니다.dis

내가 정리한 폴더로 자동으로 라우팅이 되는 기능이 있으면 좋을 것 같다고 생각만 했었는데, 어느순간 Auto-routing이 눈에 들어 왔고 주소와 path파라미터 또한 폴더명을 _id 요런식으로 하여 가능합니다. 참고사이트 vue-cli-plugin-auto-rou

코드를 작성하는 방법은 사람마다 다르고 무엇이 맞다고 딱 얘기할 수 없습니다. 하지만 협업을 하다보면 다른코드스타일을 이해하기란 쉬운일이 아닙니다. 이를 맞추고 가독성을 높히기 위해서 prettier를 활용하여 엄격한 eslint 규칙에 맞춰줄 수 있습니다.pretti

스타일을 작성하는 여러가지 방법이 있지만 이번경우에는 제가 익숙하게 사용하고 있는 scss를 적용해서 프로젝트를 진행하고 싶어 sass를 먼저 설치하겠습니다. package를 설치하여 간단하게 적용이 가능합니다.bootstrapvue3(https://cdmor

vuex를 사용하는 이유(https://vuex.vuejs.org/2. vuex 설치하기저는 vuex에서 제안하고 있는 파일구조를 참고해서 사용할 예정입니다.state: 변수를 저장하고 쉽게 가져올 수 있는 역할을 수행합니다.getter: 컴포넌트에서 stat