본문 바로가기
반응형

분류 전체보기120

창업부트캠프 300 선행과정 - 블로그 챌린지 창업하고 경제적 자유를 얻고자 하는 이유 : 우리집은 내가 어렸을 땐 그럭저럭 잘 살았으나 IMF 당시 아버지의 사업이 어려워져 점점 가난해지고 있어서 경제력을 끌어올려야 할 필요성을 절실히 느꼈다. 그래서 난 성인이 되자마자 가장 빠르게 취업을 해서 돈을 벌어야한다고 생각했고 최대한 빠르게 취업을 했다. 하지만 취업한 뒤 하는 일과 수입이 내가 예상한대로 크거나 성장하는 것 같은 느낌을 받지 못했으나, 당장 돈을 벌지 않으면 안된다고 생각하여 그만둘 수 없었다. 그렇게 불만족스러운 상태로 3년간 근무하며 지쳐갔고, 그간 책을 읽으며 배운 것도 경제적 자유를 얻으려면 근로소득으로는 달성 불가능하다는 것을 알았다. 따라서 내가 생각한 답은 창업이고 아버지처럼 사업이 어려워 질 경우를 대비하여 최대한 성공확.. 2024. 8. 22.
maplibre gl : Event 'data', 'dataloading' 차이 map.on('dataloading', () => { // Display a loading indicator // 데이터 로딩시작, 로딩중일 때 발생 console.log('Data loading...'); }); map.on('data', () => { // Data is loaded and ready to be displayed // 데이터가 로드되고 화면에 보여질 준비가 끝났을 때 발생 console.log('Data loaded.'); }); 2023. 3. 21.
maplibre-gl-geocoder 사용법 +Carmen GeoJSON https://maplibre.org/maplibre-gl-js-docs/example/geocoder/ https://github.com/maplibre/maplibre-gl-geocoder npm install --save @maplibre/maplibre-gl-geocoder 패키지 설치 import MaplibreGeocoder from '@maplibre/maplibre-gl-geocoder'; import '@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css'; // Functions should return Carmen GeoJSON https://github.com/mapbox/carmen/blob/mas.. 2023. 3. 16.
maplibreGl 드래그 이벤트 구현 const { data: { rows: levelDatas = \[\] } = {} } = await this.$axios.get('/api', { params: { facilityId: this.facility.\_id, indoor: 'level', }, }) this.levelDatas = levelDatas this.map.addSource('facility-level', { type: 'geojson', data: turfFeatureCollection(levelDatas), // generateId: true, promoteId: 'level', }) this.map.addLayer({ id: 'facility-le.. 2023. 3. 10.
mapLibreGl layer style(paint) property # mapLibreGl layer 속성 paint: { 'fill-opacity': ['get', 'color'], // data-expression 사용 가능 ... } paint: { 'fill-extrusion-opacity': 0.5 // data-expression 사용 불가능 } 2023. 3. 7.
kibana ids 필드 (_id 를 or 조건으로 검색) GET {index}/_search { "query": { "ids" : { "values" : ["_id_1", "_id_2", "_id_3"] } } } ids 필드만 사용했을 때는 bool 필드를 넣으면 검색이 안된다. or { "bool": { "must": { "match": { "_all": "your search text" } }, "filter": { "ids": { "values": ["_id_1", "_id_2", "_id_3"] } } } }document 의 _id 필드로 or 검색을 하고 싶을 때 사용. 2023. 3. 6.
자바스크립트 무한 스크롤 (팝업 다이얼로그) javascript infinite scroll DIV ENTRY DIV ENTRY DIV ENTRY ... id 가 data 인 div 에 무한스크롤을 적용할 때 scroll 이벤트 발생시 아래 조건에 의해 함수가 실행되도록 작성한다. document.querySelector('#data').scrollTop + document.querySelector('#data').offsetHeight >= document.querySelector('#data').scrollHeight + 10(offset용) // + 10을 해준 이유는 스크롤 최하단이 scrollHeight값보다 1픽셀 작은 경우가 있기 때문에 // 스크롤 최하단에 닿지 않더라도 10픽셀정도 여유를 준 것이다. // 스크롤 최하단 - 10 에 스크.. 2023. 1. 27.
linux set default text editor 리눅스 기본 텍스트 에디터 설정 sudo update-alternatives --config editor입력 후 사용가능한 텍스트 에디터 목록이 나온다. 번호를 입력해서 변경해주면 즉시 적용된다. 2023. 1. 25.
kurento 용어집 Bower 웹용 패키지 관리자입니다. 빌드 스택에서 사용할 수 있는 API를 통해 패키지 종속성 모델을 노출하면서 프런트 엔드 패키지 관리 문제에 대한 일반적인 솔루션을 제공합니다. 빌더패턴 빌더 패턴은 텔레스코핑 생성자 안티 패턴에 대한 솔루션을 찾는 것이 목적인 객체 생성 소프트웨어 디자인 패턴입니다. 텔레스코핑 생성자 안티 패턴은 개체 생성자 매개 변수 조합의 증가로 인해 생성자의 기하급수적 목록이 생성될 때 발생합니다. 수많은 생성자를 사용하는 대신 빌더 패턴은 각 초기화 매개변수를 단계별로 수신한 다음 생성된 결과 객체를 한 번에 반환하는 또 다른 객체인 빌더를 사용합니다. EOS End Of Stream은 일부 미디어 소스의 재생이 완료되었을 때 발생하는 이벤트입니다. Kurento에서 일부 .. 2023. 1. 12.
반응형