javascript 9 페이지

javascript

전체 96건 9 페이지

jQuery drag drop 파일 업로드 샘플

테스트한 jQuery drag drop 파일 업로드 샘플 입니다.제가 만든것은 아니고 다른분이 만든것 잘 되는지 확인 한것을 올립니다.수정한 부분이 두곳이 있습니다.그리고 기본적으로 drat 와 drop에 대해서 알고 있는것이 후에 수정하는데 도움이 될 수 있습니다.drop 하여 올리는 샘플이 찾아 보면 안되는것이 많습니다. 또는 오래 된것* 수정한 부분은 2곳인데 아래와 같습니다 var formData = …
json 2차원 배열 형태로 사용(연관배열, 틱셔너리)

PHP의 연관배열 처럼 사용하고 싶어서 테스트 해본것입니다.틱셔너리라고 사용하는 언어도 있습니다.PHP의 연관배열은 영문을 쉽게 넣을 수 있어 편하고 또 쉽게 오브젝트나 json 형태로 인코딩 디코딩이 무척 간단 합니다.아래는 자바스크립트 테스트 한것입니다.// 객체 형태로 리턴하고 사용하는 방법 - 여러개의 변수 리턴function get_test_return_obj(){ let xx = 1; let yy = 2; return { …
[nodejs] Warning: To load an ES module, set "type": "module" in the package.json or use th…

간간히 사용하게 되는데 오류가 발생한 부분입니다.Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.(Use `node --trace-warnings ...` to show where the warning was created)잘 읽어보면 어떻게 하라고 나와 있습니다.그러면 그렇게 해주면 됩니다.패키지 관리에 대한 부분으로…
[jQuery] div 태그의 높이 구하는 방법

높이를 구하기 이전에 div 태그에서 테두리로 사용 되는것과 마진, 패딩 까지 포함할것인가? 그 안쪽에 있는것만 사용할것인지 명확하게 ㅇ알고 있어야 합니다.물론 픽셀이 몇 픽셀 되지 않으면 무시하고 사용해도 문제가 안되는 경우가 많이 있을 수 있습니다. 패딩은 겨울에 입은 패딩을 생각하고마진은 밖에서 남기는 것으로 밖에 있는것이라고 생각하면 좀 외우기 쉽습니다.jquery.height() : 안쪽 높이jquery.innerHeight() : 내…
[nodejs] 얼굴 부분만 잘라주는 프로그램(smartcrop-cli) 이미지 크롭

쉘에서 실행하는 CLI 프로그램 입니다.이미지 크기가 커서 섬메일을 만들때 그냥 자르면 얼굴이 있는 경우 원하지 않는 결과물을 얻는 경우가 있습니다.그래서 원본을 그대로 줄이면 홀쭉한 사람 얼굴이 되거나 뚱뚱한 얼굴로 보여주는 경우도 있습니다. 사람 얼굴이 있다고 판단 되는 경우 그 주변을 자동으로 잘라 주는 프로그램 입니다.이 프로그램은 CLI 로 실행하는 프로그램이긴 하지만 nodejs가 설치 되어 있어야 사용 가능합니다.1) 아래명령으로 …
자바스크립트로 png 힌색 부분을 투명으로 만들기

자바스크립트를 이용한 png 이미지의 바탕화면 부분이 힌색인 경우 투명으로 만들어 주는 프로그램 입니다.* 자바스크립트로 png 힌색 부분을 투명으로 변경아래 샘플은 완전한 힌색일경우 알파값을 0으로 변경하여 투명으로 변경하는 예제 입니다.<!DOCTYPE html> <html> <head> <title>Test</title> <style type="text/css"&…
자바스크립트 라이브러리 펜으로 사인하는 signature_pad

signature_pad 라이브러리를 이용해서 캔버스에 사용자가 사인을 한것을 다른 이미지로 복사하는 샘플 입니다.아래에서 PNG 이미지의 경우 투명한것 때문에 jpg 사용하지 않는 것이기 때문에 아래 부분의 끝에 반드시 0이 들어가야 합니다.backgroundColor: 'rgb(255, 255, 255, 0)',이 샘플에서는 PNG 저장을 클릭하게 되면 base64로 된 이미지가 img01의 id인 이미지로 들어가서 그대로 보이는 예제 입니…

게시물 검색