반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- css framework
- side-project
- design-system
- vite
- typescript
- webpack to vite
- front
- design system
- style-dictionary
- 2024 계획
- nextjs
- 개발자
- 다짐
- 24년 계획
- react
- 디자인 토큰
- 2021년
- design
- 23년 회고
- component
- 프로그래밍
- frontend
- 2023 회고
- 회고
- design token
- 뇌를자극하는C#
- c#
- javascript
- compound component
- 2020년
Archives
- Today
- Total
목록javascript (2)
개탕 IT FACTORY
기초 자료구조 - 스택
2. 스택(stack) Stack O(n) O(1) O(1) 순서가 보존되는 선형 데이터 구조 유형 가장 마지막 요소부터 처리하는 LIFO(Last In First Out) 구조 장단점 장점 동적 메모리크기 데이터를 순서대로 정렬 단점 최신데이터만 가져온다 한번에 하나의 데이터만 처리가능 코드 // 클래스 구현 class Stack { constructor(){ this.arr = []; this.index = 0; } push() { this.arr[this.index++] = item; } pop() { if(this.index
자료구조
2023. 3. 1. 21:35
onLoad 이벤트 (image.onload)
서론 회사에서 채팅 서비스 구현당시 스크롤 이동을 위해서 돔 조작이 필요했는데 이미지의 경우 로드되는 속도가 느려 스크롤 이동이 중간에 멈추는 현상이 발생하여 onLoad함수라는 것을 사용하여 해결한 것을 작성할려구 한다. onLoad란? https://developer.mozilla.org/ko/docs/Web/API/Window/load_event MDN 문서에 따르면 💡 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 실행 쉽게 말해서 모든 요소가 로딩이 완료된 다음에 실행되는 이벤트이다. DOM의 standard 이벤트이다 사용법 window.onload window.onload = function() { // 실행될 코드 } html 태그 속성으로 지정 주의사항 로드된 이후에 실행되기 때문에..
Front-end/JAVASCRIPT&TYPESCRIPT
2023. 1. 22. 23:00