Vue와 Notion으로 블로그 만들기

강의 소개

이 강의는 Vue와 Notion을 사용해서 자신만의 블로그 사이트를 만드는 방법에 대해 알려주는 글입니다.

선수지식

원활한 진행을 위해 다음 언어들의 기본은 알고 있어야합니다.

HTML

Javascript (ES6)

Notion

개발 환경

진행하면서 사용하는 개발 환경은 다음과 같습니다.

VSCode

Node.js, npm

Chrome

다루는 기술, 사이트

현재(2023년 5월 25일) 기준 최신 버전의 라이브러리들을 사용합니다.

Vue 3

Vue Router

Notion API (vue-notion)

Git, Github

Netlify (호스팅 사이트)

특히 Vue에서는 Options API, Composition API 두 가지 코딩 스타일이 있습니다. 기존에는 Options API만 존재했으나 Vue 3버전에서부터 좀 더 유연하고 재사용 가능한 Composition API도 등장했습니다. 프로젝트가 점점 커지다보면 Composition API가 로직 관리가 더 쉽고 좋습니다. 뿐만 아니라 React hook과 유사하기 때문에 후에 React를 공부하실 분이나 이미 아시는 분에게 도움이 될 것 같아 이 강의에서도 Composition API 기준으로 설명드릴 예정입니다.

완성된 블로그의 모습

코드 다운로드

아래 링크를 통해 코드를 받을 수 있습니다.

https://github.com/vuelogger/vue-blog-tutorial

질문을 남기는 방법

Twitter로 DM 주시거나 이 블로그에 방명록을 남겨주시면 최대한 빨리 답변드리도록 하겠습니다!