My devlog

shell - 사람이 Os 를 제어하기 위한 Application - shell 위에 shell를 실행 시킬 수 있다. - shell의 종류 : GUI / CLI kernel - 하드웨어를 제어하기 위한 명령어 셋 - kernel 과 하드웨어 제어가 분리되어 있는 경우엔 os 를 뜻하기도 함. os - 권한 확인 - 문지기 : app 이 하드웨어를 실행시킬 때 권한을 확인해줌 하드웨어 제어 방법 1 os 2 application

function getKeyByValue(obj, value) { return Object.keys(obj).find(key => obj[key] === value); }

관련기관 //vue3 .related { margin: 2rem; border-radius: 8px; border: 1px solid $light-grey-2; height: auto; text-align: left; font-size: 1.2rem; line-height: 1.6rem; color: $dark-grey; & > div { padding: 1.2rem; display: flex; justify-content: space-between; img { display: block; &.show { transform: scaleY(-1); } } } & ul { padding: 0; } & li { border-top: 1px solid $light-grey-2; padding: 1.2rem; m..

1 .standard { position: relative; display: flex; justify-content: center; align-items: center; background-color: white; color: blue; border: 1px solid light-grey; border-radius: .4em; &:after { content: ''; position: absolute; left: 3px; top: 50%; width: 0; height: 0; border: 8px solid transparent; border-right-color: white; border-left: 0; margin-top: -8px; margin-left: -8px; } &:before { conte..

부모 컴포넌트 {{st.name}} 자식 컴포넌트 {{name}} 두개 props 로 넘기기 ``` const emits = defineEmits(['update:yearList', 'update:monthList']) emits('update:yearList', new Set(yearList)) emits('update:monthList', new Set(monthList)) }

import { useRoute } from 'vue-router' export default { setup() { const route = useRoute() onMounted(() => { const id = route.params.id }) } }

constructor(data?:Customer) { if(data) { Object.assign(this, data) } } 위에 에시는 Typescipt Class 내에 생성자 메소드 이다. class에 정의된 객체에 매개변수로 넘어온 data 객체의 값을 덮어쓰운다.

target : 이벤트의 시발점 current target : 이벤트 리스너를 가진 요소

방법 1 router.beforeEach(async (to, from) => { const dir = to.path.split("/")[2]; if (dir != "login" && !session.isLoggedIn()) { alert('로그인을 해주세요') await router.push("/m/login") } })방법 2 router.beforeEach(async (to, from) => { if (!to.path.startsWith("/m/login") && !session.isLoggedIn()) { alert('로그인을 해주세요') await router.push("/m/login") } })

https://vitejs.dev Vite vitejs.dev vite 시작 방법 npm create vite@latest 폴더이름 cd 폴더이름 code . -r npm i npm run dev