React Component를 동적으로 생성하기 위한 방법을 생각한다.

git kraken을 사용하면서 이따금씩 위와같은 상황이 발생할 때가 있다.비슷한 오류는 꽤 일어나는 것 같지만, 정확히 해결할 수 있는 링크에 대해서 기재한다.다음 링크를 참조한다.

RestAPI를 사용하여 공공데이터를 가져오려고 한다. 다음과 같은 방법을 참조하여, 공공데이터를 가져와 본다.

이전의 Component 리팩토링에 있어서 Zoom/Panning이 완전히 적용되지 않는 문제가 있어 관련된 처리를 한다.

Heap이란?어떤 Heap을 말하는 것인가?Data Structure에서 트리를 사용하는 Heap(최대 힙/최소 힙)을 말하는 것인가?아니면 프로세스의 메모리 구조중의 Heap을 말하는 것인가?

이전까지 작성하였던 항목들의 테스트가 완료되었으므로, 리팩토링과 함께 코드를 정리한다.

ReactSVG에 viewBox를 조작하는 애니메이션을 넣어본다.

Panning과 Zoom In/Out을 구현해본다.

SVG이미지의 특징은 xml로 되어있어, 각 요소들에 대한 접근이 가능하다는 것이다. 일반적인 비트맵이미지로는 수행할 수 없는 엘리먼트 단위의 제어등이 가능하다. (특정 Path의 색상만을 바꾼다던지, 크기를 변경한다던지, 보이지 않게 한다던지 등..)

문제 원인 : Node 17버전부터 적용되는 OpenSSL 3.0의 규격을 만족하지 못하는 모듈이 있다.

문제 원인 : module의 rule을 잘못 설정하였음module의 rules의 test부문이 js -> js|jsx 이어야 함

webpack.config.js는 ESM모듈로 충분히 변경할 수 있다.

문제 원인 : gltf / glb 파일을 찾지 못했다. / parcel의 웹서버가 해당 파일을 지원하지 않는다.

문제원인 : three.js는 ESM(EcmaScript Module)을 사용하기 때문에 발생하는 문제

npm은 node package manager의 약자이며, 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이고, node.js의 기본 패키지 관리자이다.

npm run dev를 수행하면, npm은 run명령에 맞게 packages.json에 존재하는 scripts중 dev키를 찾아서 그것을 promiseSpawn(새로운 프로세스를 수행, 프로미스 리턴)한다.

JS의 class에 관하여 기재한다.

exports와 require에 관하여 간단하게 작성한다.

this를 사용하면서 생각날 수 있는 방식에 대해 탐구한다

이름이 없는 함수 무명함수/함수 표현식 및 화살표 함수 에 대하여 탐구한다