Vue.js / 2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

뷰인가뭐시긴가 만드는 방법

 

 

 

i는 init의 약자 / npm run dev는 서버 실행 명령문

 

 

 

 

 

 

- vite는 톰캣과 별도로 서버가 돌아가는것

 

 

 

 

 

sfc

 

 

 

 

 

 

- ct+c 누르면 vite 서버 꺼짐

 

 

 

 

올바른 브렌치 사용 예

 

 

 

 

 

 

- 베포 : 사람들이 가져가서 볼수있으면 베포다 뭐 거창한게 아님...

 

 

 

 

//세개의 파일을(?) 한꺼번에 쓸수있다 = 싱글파일컴포넌트
<script setup>
</script>

<template>
</template>

<style scoped>
</style>

 

 

 

 

 

 

 

 

 

 

- 컴포넌트 : 구성요소

 

 

- 페이지 전환 = 라우팅

 

 

 

 

 

<style scoped>

  @import url("/css/header.css");

  @import url("/css/footer.css");

  @import url("/css/aside.css");

  @import url("/css/index.css");

  body{

    background-color: var(--color-bg-3);

  }

</style>

- scoped가 붙으면 식별자가 붙는다??붙이면 식별자 붙은애들만 style먹고, 안붙이면 모든것에 영향을 주게 됨 

 

 

 

 

- npm : node.js project manager

 

 

- npm run dev => 가상서버를 열어서 실행해줄수 있게 해줌

 

 

 

 

- 뷰는 파일 만들때 소스코드라서 대문자로 첫시작을 해줘야함 (외부에 노출되지 않기때문에)