rockettttman

로그아웃 시 토큰도 삭제하고 로그인 페이지를 이동 시 함수 내에서 동작하기 위해 아래와 같이 사용해 주었다. to="/"를 안쓰면 에러가 나서 넣어주긴 했는데 to="#"와 같이 사용해도 된다. 로그아웃

router에서 404처리 시 아래와 같이 해주면 된다. const routes = [ { path: "/:pathMatch(.*)*", redirect: "/404", }, ....//route pages ]

vue3 setup방식에서 component를 선언 시 회색 글씨가 뜨면서 'component is declared but its value is never read'와 같은 메세지가 출력될 때가 있다. 컴포넌트가 선언되었으나 사용되지 않았다는 내용인데 오류는 아니지만 소스가 길어지면서 보기 불편해서 해결 방법을 찾아보던 도중 기존에 vetur이 아닌 Volar라는 extension을 사용하라는 추천이 있어서 해당 extension으로 교체해 주었다. 참고: https://stackoverflow.com/questions/69504924/how-to-avoid-component-is-declared-but-its-value-is-never-read-when-i-use-vue

프로젝트 공통 컴포넌트를 만드는 방식 중 vue 3 setup - attr : 부모 컴포넌트에서 자식 컴포넌트로 속성들을 전달하기 위해 사용 - slot : 부모 컴포넌트 안에 자식 컴포넌트 삽입 --App.vue 버튼 --MyButton.vue 라벨 react - props: 부모 컴포넌트에서 자식 컴포넌트로 속성들을 전달하기 위해 사용 - children : 부모 컴포넌트 안에 자식 컴포넌트 삽입 --App.jsx import MyButton from './MyButton'; export default function App() { const onclick = () => { alert('!!!'); } return ( 버튼 ) } --MyButton.jsx export default function ..