My own universe
pnpm, turborepo 모노레포 구성
iceMan
|
2025 04 0400정의- pnpm, turborepo를 사용한 모노레포 방식 및 순서를 간략하게 작성.- pnpm은 workspace의 기능으로 모노레포를 구성할 수 있고, 외부 패키지의 중복 설치
모노레포
iceMan
|
2025 03 2700네이버 D2 모노레포 가이드
pnpm
iceMan
|
2025 03 0600참고사이트
RSC vs RCC
iceMan
|
2025 03 0200참고 사이트
ref
iceMan
|
2025 01 2400정의- vue에서 dom에 직접 접근 하는 방법을 정리- react의 ref와 거의 흡사사용 방법1. 단일 ref- 반응형 상태를 만들고 null로 초기화.- 엘리먼트에 해당 반응
Lifecycle Hooks
iceMan
|
2025 01 2400정의- vue 컴포넌트 라이프사이클 정리.- create -> mount -> update -> destrict1. create[1] beforCreate- vue2에서 사용됨,
provide / inject
iceMan
|
2025 01 2300정의- props 드릴링을 피하기 위해 리액트의 context와 흡사한 vue 문법.- 값은 일반 값 또는 객체를 넘길 수 있음.사용예시.1. 기본 사용- 부모 컴포넌트에서 pro
slot
iceMan
|
2025 01 2300정의- 커스텀 컴포넌트에 html, text등 콘텐츠를 직접 전달할 수 있는 문법.- 리액트의 children과 유사함.사용예시1. 기본 사용법- 자식 컴포넌트에서 slot태그를
non-prop
iceMan
|
2025 01 2000정의- non-prop: class, id, style, v-on이벤트 리스너 등등.- 자식 컴포넌트에서 props, emits에서 명시적으로 선언되지 않은 모든 속성은 자동 상속
custom component v-model 적용하기
iceMan
|
2025 01 1400정의- 사용자가 생성한 컴포넌트에서 양방향 바인딩(v-model) 사용 방법을 정리.- modelValue, update:modelValue라는 고정된 이름을 사용.- 수식어 적용
defineEmits
iceMan
|
2025 01 1400정의- composition api <script setup> 태그 내에서 부모 컴포넌트의 사용자 정의 이벤트를 발생 시키는 함수.- 부모 컴포넌트에서는 v-on 디렉티브에 해당
defineProps
iceMan
|
2025 01 1400정의- composition api <script setup> 태그 내에서 props를 전달 받는 함수.- 반드시 하나의 defineProps만 선언할 수 있음.사용예시1. 단순
nextTick(dom 업데이트 이후 실행될 콜백)
iceMan
|
2025 01 0800정의- 특정 반응형을 업데이트하면 dom이 업데이트 되는데, dom이 업데이트 완료되면 실행되는 비동기 함수이다.- 비동기 함수이므로 promise, async 문법을 지원한다.
watchEffect
iceMan
|
2025 01 0700정의- watch와 비슷하나 명시적인 종속성이 없고, 콜백 함수만 사용.- 콜백 함수에 작성된 반응형 종속성이 변경되면 실행.- immediate: true가 자동으로 적용되어있음
watch
iceMan
|
2025 01 0700정의- vue3의 watch api를 정리- 리액트의 useEffect와 기능이 매우 흡사함.- 종속성 반응형 값이 변경 될 때마다 내부 콜백함수 실행. (콜백함수 내부 반응형 값
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- >
- >>