Git pull err ( Need to specify how to reconcile divergent branches ) 에러 상황 git pull 을 할 때마다 새로운 commit 이 생겨서 merge: main브랜치와 병합 이라는 불필요한 커밋을 항상 해왔다. git pull 을 할 때 다음과 같은 오류가 발생...

Next 에서의 dynamic import 왜 찾아 봤나…? next framework page 의 경우, 서버사이드 렌더링이 있다. canvas framework 중 하나인 konva-react 를 썼는데 , 첫 로딩때는 렌더링이 잘 되었으나 이후 새로고침을 하면 module 에러가 떴다… 에러의 내용은 다음과 같았다. require() 를 ...

Konva 사용해보기 (2편) (err : compiled against a different Node.js version using NODE_MODULE_VERSION ) 1. 미니멀 코드 예제 1.1. html 로 만들기 // 첫번째로 스테이지 생성하기 var stage = new Konva.Stage({ container: "contai...

React-konva 이해하기(구조) (1편) 1. KonvaJS 정의 HTML5 2D Context 를 확장한 Canvas JavaScript framework 이다. 하이퍼포먼스 애니메이션, 전환, 노드 중첩, 계층화, 필터링, 캐싱, 데스크톱 모바일 애플리케이션에 대한 이벤트 처리등을 제공한다. 2. 작동원리 모든것은 여러...

데이터구조: 트리(Tree) 1. 트리 (Tree) 구조 트리: Node 와 Branch를 이용해서, 사이클을 이루지 않도록 구성한 데이터 구조 실제로 어디에 많이 사용되나? 트리 중 이진 트리(Binary Tree) 형태의 구조로, 탐색(검색) 알고리즘 구현을 위해 많이 사용됨. 2. 트리 용어 ...

해쉬 테이블 (Hash Table) 1. 해쉬 구조 Hash Table: 키(key)에 데이터(Value)를 저장하는 데이터 구조 Key를 통해 바로 데이터를 받아올 수 있으므로, 속도가 획기적으로 빨라짐 파이썬 딕셔너리(Dictionary)타입이 해쉬테이블의 예: Key를 가지고 바로 데이터(Value)를 꺼냄...

알고리즘 복잡도 표현방법 1. 알고리즘 복잡도 계산이 필요한 이유 하나의 문제를 푸는 알고리즘은 다양할 수 있음. 다양한 알고리즘 중 어느 알고리즘이 더 좋은지를 분석하기 위해, 복잡도를 정의하고 계산함 2. 알고리즘 복잡도 계산항목 시간 복잡도 : 알고리즘 실행 속도 공간 복잡도 : 알고리즘이 사용하는...

Mocking 으로 FE 개발을 빠르게 시작해보자. 작업계기 우리 회사는 개발인원이 소수다. 백엔드 1(CTO, 이하 이사님) , 프엔드 2(신입 2) 이렇게 구성되어 있다. 백엔드에서 api개발이 완료가 되어야만 우리 프론트가 작업을 시작하는 구조였다. 요구사항 분석 및 기획 -> 백엔드 개발 -> 프론트엔드 개발 하지만 인원은 ...

JsBarcode, JsPdf + html2canvas Next(react) 에서 사용하기 사용하게 된 계기 고객사에서 입고시키는 물품들에 대해서 간단히 확인할 수 있는 입고 라벨지를 만들어야 했다. 양식은 다음과 같다. 고객은 위 라벨을 pdf 로 다운받을 수 있어야 한다. 위 pdf 그림 클릭하면 다운이 되어야 한다. 내가 생각한 로...

링크드 리스트 (Linked List) 1. Linked List 구조 연결 리스트라고도 함 List 즉 배열은 순차적으로 연결된 공간에 데이터를 나열하는 구조 배열의 크기를(연결된 공간을) 미리 확보해 놔야 한다 -> 단점 링크드 리스트는 떨어진 곳에 존재하는 데이터를 화살표로 연결해서...