본문 바로가기

분류 전체보기266

이미지 태그 속성의 src를 변환해도 이미지가 변환이 안 되는 경우 제목그대로 이미지 태그 속성의 src를 javascript를 통해 동적으로 변환해도 이미지가 변환이 안 되는 경우가 있다.이러한 경우는 이미지가 서버에서 변했어도 클라이언트에서 이미지 캐시가 남아있어서 제대로 변환이 되지 않는경우인데,이럴때 무리하게 캐시를 비우지 말고, 동적으로 변환하는 src 주소 뒤에 '?' 기호와 함께 스트링을 더하여 주면 된다.자세한 사항은 아래의 링크를 참조하면 된다. https://www.aspsnippets.com/Articles/How-to-remove-delete-image-from-browser-cache-when-Image-is-changed-in-ASPNet.aspx 여기서는 DateTime.Now.Ticks.ToString()을 붙여주는데 실제 돌려보니 안 되고,.. 2017. 12. 18.
html img 태그에 background-image에서 사용하는 contain 속성을 부여하고자 할때 image 태그에도 contain 속성을 부여하는 css 속성이 있을까 찾아봤는데, 결론적으로 제공하고 있었다.object-fit 이라는 속성인데, 아래의 링크에 잘 설명되어 있다. https://developer.mozilla.org/ko/docs/Web/CSS/object-fit 2017. 12. 18.
vue.js 예제 모음 사이트 이미 아는 사람도 있겠지만 아래의 사이트는 vue.js에 관한 다양한 UI 예제가 올라온 곳이다.아무래도 vue.js를 실무에 사용하려는데 감이 없는 사람들에게 많은 도움이 될수 있다. https://vuejsexamples.com/ 2017. 12. 15.
윈도우10에서 2분마다 절전모드로 전환될때 윈10을 쓰다가 보면 절전 모드 시간을 선택했음에도 자꾸만 2분뒤에 자동으로 절전모드로 전환할 때가 있다.작업중 생각하고 있을때 자꾸만 절전모드로 돌아가서 매우 불편한데,아래 링크에 이에 관한 해결책이 나와있다. https://answers.microsoft.com/ko-kr/windows/forum/windows_10-other_settings/%EC%9C%88%EB%8F%84%EC%9A%B010/587d18e3-c348-42bb-8c37-7c2b746278a9 2017. 12. 12.
node.js 이미지버퍼 작업후 저장시 주의할 점 최근 fs 모듈로 jpg 이미지를 불러와 jpeg-js 모듈의 decode 함수를 이용해 이미지버퍼를 추출하고,픽셀배열 작업후에 encode라는 함수를 이용해 인코딩 해준후 다시 fs 모듈을 통해 jpg 이미지로 저장하는 작업을 해보았다.아래는 jpeg-js 모듈 링크이다. https://github.com/eugeneware/jpeg-js 문제는 픽셀작업후 저장되는 이미지에 색 오류가 발생했다는 점이었다.노이즈 색상이 자꾸만 끼어있었다.왜그런지 이유를 찾는데 이틀이 걸렸다.. 문제는 매우 간단했다.이미지버퍼값들중 소수점 값 및 255를 넘어가는 값이 섞여있었다.이럴경우 jpeg 모듈을 통해 encode 할 경우 당연히 결과에 오류가 있을수 밖에 없었다.매우 간단한 사실이지만 항상 이미지를 encode .. 2017. 12. 4.
중복없는 난수 배열를 만드는 함수 중복없는 난수 배열을 만드는 함수는 어렵지 않을거 같지만 생각해서 바로 짜려고 하면 시간이 조금 걸린다.일단 배열에 숫자를 순서대로 넣어주고 후에 그 숫자를 랜덤으로 섞는 방식을 쓴다. 프로그램을 짜는도중 사용한 일이 있어서 찾아봤더니 누군가 함수 짜 놓은것을 제공하고 있었다.아래는 그 링크이다. https://m.blog.naver.com/PostView.nhn?blogId=javaking75&logNo=140163486807&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F 2017. 11. 28.
이미지 사이즈를 일괄로 변환하고 싶을때 말그대로 이미지 사이즈를 일괄로 변환하고 싶으면 faststone이란 프로그램이 유용하다.나도 최근에 알게 되어 사용해 봤는데 유용하다. 아래는 홈페이지 주소이고 그 아래는 사용설명에 대해 블로그에서 설명해 놓은 글이다. http://www.faststone.org/ http://yes1.tistory.com/5 2017. 11. 22.
node.js에서 promise 함수를 동기화로 만들기 js에서 promise 함수는 일반적으로 비동기 함수다.하지만 최근 node.js에서 promise 함수를 동기로 써줄일이 생겼다.처음엔 promise 함수를 실제 함수로 변형해 보려고 했지만 그 구조를 정확히 몰랐기에 반환값이 자꾸만 이상하게 날라왔다..결국 npm 모듈을 찾아보았더니 해당 sync-promise라는 동기화 모듈이 존재했다.(흠.. 빨리 찾을껄 1시간 반을 날려먹었다..) 여튼 아래 링크에 쓰는 방법이 잘 나와 있으니 참고하길 바랍니다. https://www.npmjs.com/package/sync-promise 2017. 11. 21.
파일이름 한꺼번에 일괄변경 프로그램 파일 이름을 한꺼번에 일괄로 변경하고 싶다면,아래 링크에 설명되어 있는 프로그램을 사용하면 쉽게 할 수 있다. http://prolite.tistory.com/771 2017. 11. 20.