NUXT 알아보기(2): index 페이지 만들기

NUXT는 Vue로 웹 개발을 하기 위한 프레임워크라고 말했다!!! 프레임워크인만큼 구조들에 대한 규칙이 이미 정해져있다.

만들어보면서 알아보도록 하자~~~~

vue 파일들은 pages 폴더 밑에 작성해야 한다. 먼저 pages 폴더를 만들어주자!!!!

그리고 index.vue라는 파일을 만들어주자~~~ 이는 홈페이지에서 기본적으로 보여질 것으로 반드시 이름을 index.vue로 해야 한다.

<template>
  <h1>Hello world!</h1>
</template>

index.vue 파일 내용은 국룰인 Hello world로 했다. 이제 실행을 시켜보자!!!

터미널에 yarn dev라고 입력해주자!!!

이렇게 나오면 성공이다!!!! 자 이제 터미널에 표시된 주소로 접속해보자!!!!

혹시 페이지가 제대로 나오지 않았다면 폴더명이나 파일명, package.json 등을 확인해보자!!!!

다음 시간에는 Routing에 대해서 알아보겠다!!!