본문 바로가기

JavaScript

npm 2023. 4. 16. npm 에 내가만든 패키지 배포하기 - (0) : 프로젝트 세팅 가이드 이전에 사이드 프로젝트를 진행하면서, 특정 UI 옆에 tooltip 말풍선 을 출력하는 형태의 React 컴포넌트를 개발해본적이 있습니다. 언젠가는 이걸 라이브러리화 해서 npm 에 배포해보자는 생각이 있었는데, 이번에 기회가 되서 한번 진행해보려고 합니다. 그 과정에서 프로젝트 세팅 부터, 배포된 패키지의 개발 과정과 경험 등도 같이 블로그에 작성 해볼까 합니다. 먼저 npm 에 내가 만든 패키지를 배포하기위해 프로젝트를 세팅하고, 개발환경을 설정 해야겠죠? 저는 React 와 Next 환경에서 import 해온 custom hook 과 component 를 사용할수 있도록 패키지화 하고 싶습니다. 아마도 배포후에도 계속 업데이트를 할것이므로, 개발또한 계속 가능해야합니다. 그래서 아래와 같이 세팅을 ..
CS/알고리즘 2023. 4. 10. [JS 알고리즘 - 탐색] 분할과 정복 패턴 ( Divide and Conquer ) 아래 강의를 듣고 내용을 정리한 포스트 입니다. https://www.udemy.com/course/best-javascript-data-structures/ JavaScript (JS) Algorithms and Data Structures Masterclass 정렬, 리스트, 힙 스택을 포함한 12개의 알고리즘과 10개 이상 자료구조 학습으로 기술 면접 완벽하게 대비! www.udemy.com 이 알고리즘은 주로 배열이나 문자열 같은 큰 규모의 데이터셋을 처리합니다. 각종 정렬 알고리즘에도 이 개념이 포함되고, 이진 탐색에도 포함됩니다. 이진 탐색 트리 에서도 이 개념이 포함됩니다. 이진 검색은 선형 검색보다 훨씬 빠른 속도로 값을 찾을 수 있습니다. 이 알고리즘은 배열이 정렬되어 있어야 하며, 배열..
CS/알고리즘 2023. 4. 10. [JS 알고리즘] 슬라이딩 윈도우 패턴 ( Sliding Window Pattern ) 아래 강의를 듣고 내용을 정리한 포스트 입니다. https://www.udemy.com/course/best-javascript-data-structures/ JavaScript (JS) Algorithms and Data Structures Masterclass 정렬, 리스트, 힙 스택을 포함한 12개의 알고리즘과 10개 이상 자료구조 학습으로 기술 면접 완벽하게 대비! www.udemy.com 규모가 큰 데이터셋에서 하위 집합을 찾는경우에 유리한 슬라이딩 윈도우 패턴은 로직에 창문 요소가 를 하나 만듭니다. 창문은 단일 변수, 하위배열, 다른 문자열 등으로 이루어져 있습니다. 조건에 따라 창문을 이동시키며, 보통 인덱스의 시작위치에서 끝나는 위치에 도착하지만, 오른쪽끝이나 가운데에서도 시작할수도 있습..
CS/알고리즘 2023. 3. 28. [JS 알고리즘] 다중 포인터 패턴 ( Multiple Pointers ) 아래 강의를 듣고 내용을 정리한 포스트 입니다. https://www.udemy.com/course/best-javascript-data-structures/ JavaScript (JS) Algorithms and Data Structures Masterclass 정렬, 리스트, 힙 스택을 포함한 12개의 알고리즘과 10개 이상 자료구조 학습으로 기술 면접 완벽하게 대비! www.udemy.com 다중 포인터 패턴이라는 이름은 공식적인 이름은 아닙니다. 개념적으로는 한 쌍의 값이나 조건을 충족시키는 무언가를 찾는다는 개념입니다. 오름차순으로 정렬된 리스트에서 한 쌍의 값이나 조건을 충족시키는 무언가를 찾을 때 사용할 수 있는 이 방법은 시간 복잡도가 O(n)으로 매우 효율적입니다. 언제 사용하는가 ? -..
Front-End/DOM 2021. 12. 23. 문서 객체 모델(Document Object Model) : DOM - (1) 개념 1. DOM (Document Object Model) 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes, property, method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 웹 페이지는 일종의 문서(document)다. 이 문서는 웹 브라우저를 통해 그 내..

티스토리툴바