My own universe
인텔리제이 맥os 단축키 정리 사이트
iceMan
|
2025 05 0200맥os 인텔리제이 단축키 정리 사이트
이벤트 버블링, 캡처링
iceMan
|
2025 04 27001. 버블링- 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작.- 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서
outerHTML
iceMan
|
2025 04 25001. 사용 형태- HTML을 문자열 형태로 받아올 수 있음.- innerHTML과는 다르게 본인 요소 포함 전체를 가져옴.2. 사용시 주의사항- innerHTML과는 다르게,요소
innerMHTL
iceMan
|
2025 04 25001. 사용 형태- HTML을 문자열 형태로 받아올 수 있음.- 요소 안 HTML태그를 수정 할 수 있음.- 페이지를 수정하는데 쓰임.2. 문자열 HTML을 추가하여 요소를 조작ch
DOM 계층 구조
iceMan
|
2025 04 2500DOM 계층 구조- 모든 DOM 노드는 공통 조상으로부터 만들어지기 때문에 노드 종류는 다르지만, 모든 DOM 노드는 공통된 프로퍼티와 메서드를 지원.1. EventTarget-
getElement*, querySelector* 요소 검색
iceMan
|
2025 04 2400- getElement*는 오래된 문법임, querySelector 사용 권장.- getElement*, querySelector* 차이점 정리. - getElement*, q
웹 브라우저의 간략한 구조
iceMan
|
2025 04 24001. 브라우저 최상단엔 루트인 window 객체가 있음.- window 객체는 전역객체이며 자바스크립트의 전역 객체임.- 브라우저를 제어할 수 있는 메서드를 제공.2. DOM (문
패키지
iceMan
|
2025 04 2000정의- 일반적으로 폴더, 디렉터리 개념임.- 각 파일별로 분류하는 기준임.1. 다른 패키지의 파일은 코드 첫줄에 패키지 경로와 클래스명을 작성해야함.(1) import를 사용하는
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
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- >
- >>