본문 바로가기

분류 전체보기266

ai 파일을 jpg 파일로 한꺼번에 변환하는 스크립트 최근 ai 파일을 jpg 파일로 한꺼번에 변환할 일이 있었다.온라인에서 제공하는 프로그램을 써 보았는데 다량의 파일을 변환하는데 있어 속도도 느렸고 중간에 에러가 나면 정말 골치가 아팠다.그래서 더 찾아보니까 일러스트의 스크립트 기능을 이용하여 빠르게 변환하는 방법이 있었다.아래의 링크에 그에관한 방법을 자세히 소개하고 있다. https://soooprmx.com/archives/288 2017. 11. 20.
node opencv에서 toBuffer 함수가 먹히지 않을때 opencv의 이미지 매트릭스 객체에서 픽셀의 값을 뽑아낼때 쓰이는 함수가 toBuffer 함수이다.그런데 해당 함수를 쓸 경우 오류가 나서 그 원인을 찾아보았다.해답은 아래의 링크에서 찾았다. https://github.com/peterbraden/node-opencv/issues/483 visual studio의 버전이 2015라면 vc14 버전인 opencv를 깔아야 해당함수가 동작한다는 것이다. (사용하기 꽤 까다롭다..)여튼 해당 opencv 버전으로 교체해주고 다시 opencv 모듈을 지웠다 깐후에 실행해보니 함수가 잘 동작하는 것을 볼 수 있었다. 2017. 11. 9.
node-opencv를 깔기위해 필요한 과정들 최근 node.js에서 제공하는 opencv 모듈을 사용할 일이 생겼다.그래서 설치를 진행했는데, 계속해서 오류가 발생했다...구글링하여 원인을 열심히 찾아봤지만, 해결책은 나오지 않았다. 최종적으로 개발자에게 질문하였고, 개발자가 오류가 난 부분의 코드수정하여 업데이트 해줌으로 문제를 핵결할 수 있었다.(참고로 나는 윈도우 환경이었고, 문제가 발생한 곳은 c언어 파일이었다.)결론적으로 4일동안 헤멨다. 역시 만든사람한테 물어보는게 빠르다 ㅋ.. 오류는 해결되었다고 치고 기본적으로 node-opencv를 설치하는 순서에 대해 말해보려 한다.기본적으로 깃헙에 그 스텝을 잘 기술해 놓았다. 아래가 설치 스텝이다. 1. Download and install OpenCV (Be sure to use a 2.4 .. 2017. 11. 8.
css를 사용한 글자바꾸기 최근 워드프레스의 플로그인의 영문을 한글로 바꾸어야 할 일이 생겼다.플러그인 코드를 죄다 일일이 뜯어보는 방법 말고도 CSS로 쉽게 글자를 바꾸는 방법을 찾아보니,그 방법이 존재하였으며 간단하였다. 자세한 설명은 아래의 링크에 나와있다. https://www.thewordcracker.com/miscellaneous/replace-text-with-css/ 2017. 11. 7.
p5.js에서 node.js와 이미지 픽셀 데이터를 받아서 이미지를 화면에 뿌려줄때 주의할 점 요즘에 p5.js에서 node.js와 이미지 데이터 통신을 실험하고 있다.먼저 p5.js 에서 post 통신으로 이미지 데이터를 주면 node.js에서 이미지데이터 필터링 작업을 한다음 다시 넘겨주는 식이다.그리고 p5.js에선 받아온 데이터를 화면에 뿌려주게 된다. 위의 작업을 위해서 p5.js의 setup 함수 안에서 ajax를 함수를 써보았고 잘 동작하는 것을 보았다.하지만 setup 함수 자체가 p5.js 만을 위해 만들어진 터라 데이터를 받은 후에 이전의 p5.js 함수와 제대로 연계가 안된다는 점을 발견하였다. 콕 찝어서 말하면 p5.js 안의 loadPixels, updatePixels 함수였는데,먼저 loadPixels 함수를 써서 p5.js로 이미지 픽셀 데이터를 보내고, 통신 이후에 받.. 2017. 11. 3.
문자열을 숫자 배열로 쉽게 바꾸기 가끔 ajax 통신을 하면 데이터 양이 너무 커서 스트링으로 변환해서 보낼때가 있다.서버에서는 받아온 데이터를 다시 배열로 바꾸어줘야 하는데 그때 주로 사용하는 함수가 split()이다. 하지만 split으로 했을시 패턴에 맞게 잘라진 값들이 숫자가 아닌 문자열로 들어가게된다.원래부터 문자열 배열이었으면 문제 없지만 숫자가 문자열로 들어가면 골치가 아프다.이때 split 함수뒤에 .map(Number)만 써주면 자동으로 문자가 숫자로 바뀌어 배열로 들어가게 된다. 자세한 설명은 아래의 링크를 참조하면 된다. https://stackoverflow.com/questions/15677869/how-to-convert-a-string-of-numbers-to-an-array-of-numbers 2017. 11. 2.
visual studio 완벽제거 방법 최근 visual studio를 사용할 일이 있어 깔게 되었는데,잘못된 경로에 깔아서 다시 지우고 깔아야 하는 일이 생겼다.하지만 재설치시 설치 경로를 바꿀수 없다는것을 알게 되었고,본 문제를 해결하기 위해 명령프롬프트를 이용한 이지가지 방법을 다 활용해 봐도 무용지물 이었다.이것 때문에 4~5시간은 날린거 같다... (visual studio는 정말 무겁다.) 결론적으로 방법을 찾아내었다.아래의 링크에 나와같은 고생을 한 분의 자세한 해결글이 나와있다. http://blog.naver.com/PostView.nhn?blogId=sharkish&logNo=220924330224&categoryNo=7&parentCategoryNo=0&viewDate=&currentPage=1&postListTopCurr.. 2017. 11. 1.
npm 모듈 서치 사이트 아래의 사이트를 참고하면 검색을 통해 보다 node.js 모듈을 쉽게 찾을 수 있다. https://npms.io 2017. 10. 30.
p5.js에서 복수개의 canvas함수를 그리는 법 최근 p5.js를 공부하면서 복수개의 캔버스를 그리는 법에 대해 생각해 보았다.처음에는 쉬울거라 생각했는데, 그 방법이 잘 안 나왔고,찾았어도 복잡한 경우가 많았다. 결국 이틀만에 해결방법을 찾았다.다행이도 p5.js는 이러한 상황에 대처할 수 있는 함수를 제공해주고 있었다.바로 그 함수는 createGraphics() 이다. 해당함수에 대한 자세한 설명은 아래의 링크에 나와있다. https://p5js.org/reference/#/p5/createGraphics 그리고 마지막에 image() 함수를 빼먹지 말아야 한다.솔직히 이 함수를 왜 쓰는지 모르겠지만 없애니 렌더링이 되지 않았다. 2017. 10. 24.

티스토리툴바