pinia기본

src/main.js ```js import { createPinia } from ‘pinia’;

May 5, 2023 less than 1 minute read

Frontend

github pages에서 vue router 404 에러

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다
배경3. vue router의 history모드는 createWebHistory를 사용한다

myurl.com에서 myurl.com/posts로 이동하는 기능은 정상적으로 동작한다. 만약 여기서 이동한 상태에서 새로고침을 하거나, 주소창에 직접 myurl.com/posts를 사용한다면?
동작하지않는다!!!!!ㅜㅜ 물론 localhost에서 돌렸을 경우에는 정상적으로 동작한다.

April 3, 2023 less than 1 minute read

Frontend

object의 변수인 경우 ref와 reactive 어느 것을 사용할까

object변수는 ref와 reactive 중 어떤 것으로 선언해야할까
각각의 장단점이 있다 확인해보자

April 2, 2023 less than 1 minute read

Frontend

Route

Route
url에 따라 보여줄 vue를 정하자

April 1, 2023 1 minute read

Frontend

Template ref

template ref
태그 같은 DOM element요소를 ref를 이용하여 접근하자

March 26, 2023 1 minute read

Frontend

provide와 inject

provide와 inject
1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자

March 25, 2023 less than 1 minute read

Frontend

slots

slots
부모component에서 자식의 템플릿 content를 렌더링해주는 것

March 24, 2023 1 minute read

Frontend

nonProps

nonProps
컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너

March 23, 2023 1 minute read

Frontend

v-model을 통한 3depth 양방향 바인딩

3depth의 양방향 바인딩
component의 3개 depth를 갖는다했을 때 처리 방법

March 22, 2023 1 minute read

Frontend

emit, component와 v-model을 통한 양방향 바인딩

emit
<script setup>안에서의 props 와 component와 v-model을 통한 양방향 바인딩

March 21, 2023 2 minute read

Frontend

props

March 20, 2023 1 minute read

Frontend

watch

watch
watch 사용법, watch와 computed의 차이

March 19, 2023 1 minute read

Frontend

양방향 바인딩

v-model
v-model을 통해 양방향 바인딩을 시키자

March 18, 2023 less than 1 minute read

Frontend

event Parameter

$event 파라미터
v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자

March 17, 2023 less than 1 minute read

Frontend

Scope와 Closure

Scope와 Closure
scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다
block은 {와 }가 포함되어 있으면 무조건 block scope이다. 그렇기때문에 function Scope는 block Scope에 포함된다.

March 17, 2023 1 minute read

Frontend