박철순

* 본 내용은 YouTube. GIS DEVELOPER님의 영상을 보고, 공부한 부분을 적어둔 내용입니다. * 자세한 내용은 https://www.youtube.com/channel/UCgaxgVio7J9JgZrONkwiSEQ 을 통해 알 수 있습니다. * Three.js 한글번역 공식문서 https://threejs.org/manual/#ko/fundamentals에서도 확인이 가능합니다. GIS DEVELOPER 안녕하세요, GIS Developer 김형준입니다. 지리정보시스템(GIS) 분야에서 활동하고 있는 소프트웨어 개발자입니다. GIS는 현실 세계의 공간 데이터에 기반한 데이터 처리와 분석 그리고 시각화를 위 www.youtube.com Three.js의 기본구성은 3차원 객체로 구성되어있는 S..

Math.pow(base, exponent) 제곱근 해주는 값. base = 제곱을 해줄 설정?값. exponent = 제곱을 얼마나 해줄지에 대한 값. 반환값은 설정값(base)에 얼마나 제곱해줄 값(exponent)의 제곱된 값. * base에 음수값, exponent에 정수가 아닌값 설정 시 NaN을 반환함. // 간단한 예 Math.pow(7, 2); // 49 Math.pow(7, 3); // 343 Math.pow(2, 10); // 1024 Math.pow(-7, 0.5); // NaN (음수는 실제 제곱근을 가지지 않습니다.) // "짝수"와 "홀수" 근이 서로 가깝게 놓여 있고 // 부동소수점 정밀도의 한계로 인해, // 밑이 음수이며 지수가 분수라면 언제나 NaN을 반환합니다. Mat..

자바스크립트는 프로토타입 기반의 언어로 기존의 클래스(객체)형의 언어들과 차별점을 두고 있다. 클래스(객체)형은 서양철학은 이분법적 세계관을 가지고 있기에, 서양권에서 만들어진 언어다 보니 자연스레 이분법적을 가지고 있다. 레퍼런스 타입이라 불리는 Chair 클래스는 이데아에 존재하는 추상적인 개념입니다. 메모리상에는 존재하지 않다가, const 만들객체명 = new 클래스명()을 통해 메모리에 존재합니다. 즉, Class Chair { } 의 형태는 이데아에 존재하는 본질적인, 추상적인 의자. 현실세계에 존재하지 않는다. new 키워드를 이용해서 new Chair() 를 하는 순간 추상적으로만 존재하던 의자가 메모리라는 현실세계에 구체적으로 존재(인스턴스화)하게 됩니다. 이분법적이란? 영혼/육체, 추상..

한 번 비동기는 영원한 비동기이다. (비동기를 동기로 바꾸지 말아야 함) 비동기는 동시의 문제가 아니라, 순서의 문제다. 이벤트루프는 호출스택이 비어있으면은 테스크 큐에 있는값을 호출스택으로 실행해줌. 백그라운드,(매크로,마이크로 테스크 큐)로 구성되어있음. 사실 더 많치만 사용하는데는 크게 지장없음. 백그라운드는 다른 언어로 이루어져 있을 수 있어, 동시에 여러개 코드를 실행 할 수 있다. 여기에 들어가는 코드들은 비동기코드들 이 들어감, Js는 ( setTimeout,setInterval,Promise,네트워크요청(ajax),EventListener ) Node.js는 ( Process.nextTick() ) setImmediate() 즉시 실행 함수도 있음. 마이크로 테스크 큐에는 Promise,p..

이벤트는 전파를 타는데 자식이 이벤트를 실행시키면은, 함수가 끝나고 감싼 부모중에 같은 이벤트를 가진 부모의 이벤트는 실행이 됨. 이것을 막기 위해 e.preventDefault(), e.stopPropagation() 를 이벤트가 실행되는 자식 함수에 넣어줘야 함. e.preventDefault는 고유 동작을 중단시키고, e.stopPropagation 는 상위 엘리먼트들로의 이벤트 전파를 중단 이벤트를 한번만 실행 할 때는 button.addEventListener('click', 콜백함수,{once:true});로 해주면됨. 이벤트리스너함수에는 여러가지 옵션이 존재함. 그 중 once로 제어 가능 단, 이벤트가 실행한 후 해당 이벤트는 스스로 제거가 됨. 그래서 딱 한번만 실행되는 함수에만 사용해 ..