2021.05.30

브랜치: common-setup

오늘 할 일

1. 프로젝트 초기 설정

   • CSS 구조 설정
   • 폰트 설정
   • 페이지 전체 레이아웃 잡기

2. 뷰 라우터 설치

   • 뷰 라우터 설치 및 연결(Vue 3버전)

   • 메인 페이지(컴포넌트) 생성

TIL

1. SCSS Boilerplate에서 _index.scss의 역할
   : import로 여러군데에 있는 scss파일을 모으는 역할을 한다.

• _index.scss

/* 프로젝트에서 공통으로 쓰이는 CSS */
@import "./common.scss";

• _index.scss 파일 적용하기
  : Vue인스턴스를 생성하는 main.js파일에서 import로 가져오면 된다.

// main.js
import '@/assets/scss/_index.scss';

2. HTML, CSS로 페이지 레이아웃 잡기