foreignObject를 이용해 html element를 svg 안에 붙일 수 있다. 먼저 붙일 test를 지정하고 const test = d3.select('g') test에 foreignObject를 append로 붙여주면 된다. test.append('foreignObject') .attr('x', node.x) .attr('y', node.y + 21) .attr('width', node.width + 'px') .attr('height', '40px') .html(function (d) { return '' }) 참고 adding input text box on clicking the data labels d3.js
Can I give the col-md-1.5 in bootstrap? Can I give the col-md-1.5 in bootstrap? I want to adjust the columns in Twitter Boοtstrap. I know in bootstrap there are 12 columns grid. Is there any way to manipulate the grids to have 1.5 3.5 3.5 3.5 instead of 3 3 3 3? stackoverflow.com cols를 이용한 그리드 방식은 무척 편리하지만, 커스터마이징이 필요할 때가 있다. 구글링 하다 찾은 위의 글에 따르면 2.5 혹은 6.2 식으로 주는 건 불가능하다. 대신 style을 이용해 덮어씌우면 된다...
분명 GitLens를 깔았는데 아무것도 뜨지 않을 때 Git 연동이 잘 되어 있는 지 확인해 볼 필요가 있다. local에서 wsl 환경으로 폴더를 통째로 옮겼더니 GitLens가 작동을 안했다. 이때 해당 repository에서 git fetch하니 잘 작동한다.
해당 스크립트 실행 후 docker-compose -f "docker-compose.yml" up -d --build 이런 오류가 났다. ERROR: 2 matches found based on name: network _default is ambiguous Docker desktop에서 상태를 보니 Created만 되고 Run은 안되는 상태였다. 구글링해보니 기존 network를 삭제해주면 되는 문제였다. 일단 실행하던 container를 중지하고(docker-compose down) 아래 명령어로 사용하지 않는 네트워크를 삭제했다. docker network prune 그 후 다시 실행해보니 잘 됐다. 참고 https://stackoverflow.com/questions/63776518/error-2..
아래 글을 보고 따라서 쿠버네티스 EFK 스택을 구성하다가 다음과 같은 오류가 났다. $ kubectl apply -f fluentd.yaml serviceaccount/fluentd unchanged [resource mapping not found for name: "fluentd" namespace: "kube-system" from "fluentd.yaml": no matches for kind "ClusterRole" in version "rbac.authorization.k8s.io/v1beta1" ensure CRDs are installed first, resource mapping not found for name: "fluentd" namespace: "" from "fluentd.ya..
firewalld를 실행하기 위해 systemctl start firewalld 명령어를 쳤더니, 다음과 같은 에러 메세지가 떴다. System has not been booted with systemd as init system (PID 1). Can't operate. Failed to connect to bus: Host is down 근본적인 발생 원인은 wsl에서 Systemd를 사용하지 않기 때문이라고 한다. 이럴 땐 스크립트 파일을 이용하여 실행하면 된다. 해당 파일은 다음 명령어로 확인 가능하다. $ ls /etc/init.d/ 확인해보면 아래처럼 존재하는 스크립트 파일 목록이 뜨는데, 실행하고 싶은 스크립트 파일명을 확인할 수 있다. 나는 firewalld를 실행하고 싶었기에 아래와 같이..
ELK, EFK란? Kubernetes에서 사라진 pod가 남긴 로그 포함 전반적인 로그 관리법 ELK Elasticsearch + Logstash + Kibana logstash - 자체 로그 수집 기능 X - 모놀리식한 시스템의 로깅 파이프라인에 적합 - UI : Kibana와 완전히 통합되어 있음 - ELK에서 주로 Kafka 사용 더보기 이유 : 20개의 Fixed-Size Event를 제한된 On-Memory queue에 담기 때문에, 재시작시 지속성을 위해 External queue의 의존도를 높힌다. 이는 LogStash의 잘 알려진 문제로 Redis나 Kafka를 버퍼로 사용함으로서 문제를 해결할 수 있다. - pipeline : 데이터를 어디서 수집할 지, 어디로 저장할 지 설정 - fi..
Eslint에 다음과 같이 언어 설정을 하는데 오류가 났다. 해결 방법 : 아래와 같이 배열로 넣어주면 된다. "eslint.validate": [ "vue", "javascript", "javascriptreact", "typescript", "typescriptreact", "html", ], 출처 https://torbjorn.tistory.com/621
