My devlog

전개 연산자 ( spread operator ) 사용 const string = 'hello' const array = [...string]

stack memory 변수 기본형 데이터 정적 할당 heap memory 참조형 데이터 동적 할당 공통점 : 변수를 선언하고 할당한다 메모리에는 하나의 값만 넣을 수 있다. 따라서 참조형 데이터는 한단계가 더 필요하다. 참조카운트 0 이면 가비지컬렉팅의 대상이 되어서 메모리 상에서 사라짐 값을 직접 저장 vs 값의 주소를 저장 값을 비교할 때 비용이 들지 않는다 = 같은 값은 오직 하나만 존재한다. = 기본형 데이터는 불변값이다. 기본형 데이터의 설명을 들을 때 값을 직접 저장하지 않고 별도의 메모리로 저장하는 이유가 궁금했다. 강의를 다 듣고 나니 이해가 됐다. 기본형과 참조형이 왜 다른지 정확하게 이해하게 되었다. 참조: 인프런 코어 자바스크립트 정재남

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 : 이벤트 리스너를 가진 요소