갴발자 디찌 갴발자 디찌

1. node js 설치 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 일단 위 경로로 들어간뒤 Nodejs를 설치한다. 필자는 window의 설치했으며 v14.15.4 버젼 노드를 사용하고있다. 2. npm 설치 npm은 node package manager 로 nodejs환경에서 사용할수있는 패키지들을 자유롭게 사용할수있도록 도움을 주는 시스템이다. 3. open jdk 설치 www.azul.com/downloads/zulu-community/?version=java-8-lts&os=windows&architecture=x86-64-bit&package=jd..

//canvas에 그려진 이미지를 base64로 변환 var dataurl = this.canvas.toDataURL("image/png"); var xhr = new XMLHttpRequest(); var data = { searchimage: dataurl }; xhr.crossOrigin = "Anonymous"; xhr.onload = function() { if (xhr.status === 200 || xhr.status === 201) { console.log(xhr.responseText); } else { console.error(xhr.responseText); } }; xhr.open('POST', '서버IP'); xhr.setRequestHeader('Content-Type', 'ap..

내용은 "토비의 스프링3.1" 책내용을 참고하며 정리한 내용입니다. 1. 스프링은 애플리케이션 프레임워크이다!. 스프링은 자바 엔터프라이즈 애플리케이션 개발에 사용된 프레임워크이다. 즉, 애플리케이션 개발을 빠르고 효율적으로 할수있도록 틀과 공통 프로그래밍 모델, 기술API등을 제공해준다. 2. 공통 프로그래밍 모델 - IoC/DI, 서비스 추상화,AOP 1. IoC/DI : 오브젝트의 생명주기와 의존관계에 대한 프로그래밍 모델이다. 스프링은 유옇나고 확장성이 뛰어난 코드를 만들수 있께 도와주는 객체지향 설계 원칙과 디자인 패턴의 원리를 담고있는 프레임워크이다. 2.서비스 추상화 : 환경이나 서버, 특정 기술에 종속되지 않고 이식성이 뛰어나며 유연한 애플리케이션을 만들수있는데, 이를 가능하게 해주는것이 ..

일단 실행된 도커 컨테이너들을 모두 종료 # 도커 종료 systemctl stop docker and service docker stop # 설정파일 수정 vi /lib/systemd/system/docker.service ... [Service] # ExecStart=/usr/bin/dockerd

What is WebPack? WebPack 은 브라우저에서 자바스크립트 파일들을 묶어서(번들링) 사용하기 위함이며, 어떠한 자원(js,css,png,jpg등)이나 자산 등을 전송,구축 패키징이 가능하게 만드는 도구이다. 2000년대 초 쯤만하더라도 정적인 페이지를 운영하는 형식이라 페이지가 변화할때마다 새로운 HTMl을 요청하여 화면을 그렸다. 그 당시엔 자바스크립트는 DOM을 조작하는 간단한 역할만 했기때문에 HTML에 script태그를 넣는것을 충분햇다. 요즘 SPA(single page application)은 하나의 HTML에 수백개의 자바스크립트 파일을 포함하기에 비중이 어마어마하게 커졌다. 자바스크립트 파일이 많아지면서 기존에 생성된 전역변수가 덮어지는 실수가 생기기도 하고 많은 양의 스크립..

Morpohing? 은 무엇인가? morph에 의미는 개체의 형태 모양을 변형하거나 변경하는것을 의미한다. morphology filter는 객체의 형태로 작동한다. 또한 필터는 두가지의 미리 정의된 형태변화들을 제공한다. 프리미티브를 사용하여 요소를 축소하거나 확장하는 형태변화를. 두 작업이 모두 픽셀 수준에서 작동하여 픽셀을 인접 픽셀로 확장하거나 해당 픽셀 가장자리 주변의 스트로크를 유지하면서 작동중인 픽셀의 가장자리에서 인접 픽셀을 무너뜨린다. 픽셀이 확장되거나 침식하는데에 사용되는 인접 픽셀의 수는 반경 매개 변수에 의해 결정된다. Morphing Images feMorphology 작업을 이미지에 적용하면 일반적으로 예측가능한 두가지 결과가 나타난다. 이미지 크기는 erode 연산자를 사용하면..

CSS filter 그래픽 및 콘텐츠에 포토샵과 같은 효과를 적용 할수있도록 css에서 제공하는 속성이다. CSS 필터는 화면에 렌더링되기 직전에 해당요소에 적용된다 해당요소는 화면에 그려지기 전에 일종의 필터를 통과한다. filter 속성에 여러 필터 함수를 전달하여 해당요소에 여러 필터를 적용할수있다. CSS 사용가능 필터 종류 blur() brightness() contrast() grayscale() hue-rotate() invert() opacity() saturate() sepia() drop-shadow() url() 1.blur() blur() blur filter는 가우시안 blur를 적용한다. blur함수는 가우스 함수에 대한 표준 편차 값을 정의하는 매개 변수를 받는다. 즉, 화면에..

sudo apt-get --purge remove "*cublas*" "*cufft*" "*curand*" \ "*cusolver*" "*cusparse*" "*npp*" "*nvjpeg*" "cuda*" "nsight*" sudo apt-get --purge remove "*nvidia*" sudo apt-get autoremove sudo rm -rf /usr/local/cuda* f you get the problem of broken packages, it has happened since you added repo to the apt/sources.lst. Run the following to delete it:sudo vim /etc/apt/sources.list reboot