전체 글326 Access-Control-Allow-Origin, CORS 에러, 크롬 크로스 도메인 (cross domain) 처리 Ajax 호출을 할때 URL이 다른 사이트의 데이터를 가지고 오려면 아래와 같이 크로스도메인(CrossDomain) 에러가 발생하는 경우가 있어요. 'Access-Control-Allow-Origin' header is present on the requested resource' 이럴땐 아래와 같이 설정을 통해 크로스도메인을 무시하고 작업을 진행할 수 있어요. 크롬에서 오른쪽 버튼 누르고 속성으로 들어갑니다. 기존에는 --disable-web-security 만 붙히면 됐는데 지금은 --user-data-dir 인자를 추가로 더 붙혀야해요 아래 처럼 해주시면 됩니다. "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-.. 2022. 3. 3. [js] 자바스크립트 쿠키 설정,쿠키 값 얻기,쿠기 삭제 방법 name 과 value 는 상황에 맞게 설정해 주세요. 쿠키 설정 function setCookie(name, value, exp) { var date = new Date(); date.setTime(date.getTime() + exp*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; } setCookie('pop', 'event0405', 7); /* pop=event0405, 7일 뒤 만료됨 */ 쿠키 얻기 function getCookie(name) { var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|.. 2022. 3. 3. 브라켓(Brackets) 유용한 플러그인 추천 안녕하세요, 이곳에 적을 게시글은 제가 추천한 에디터인 브라켓의 유용한 플러그인을 소개하려고 작성하는 게시글 입니다. 해당 플러그인은 추천 플러그인일 뿐 여러분이 마음에 들지 않는다면 설치하지 않으셔도 됩니다. 모두 코딩하는데 편의성을 요하는 플러그인이니 필요하다 싶은거만 다운 받고 사용하시면 됩니다. HTML 편집기 무료 소프트웨어 Adobe Brackets 우선 브라켓을 열게되면 오른쪽에 블럭 아이콘이 있습니다. 해당 아이콘을 눌러주시면 플러그인 다운로드 창이 뜨게 됩니다. 플러그인 종류가 무쟈게 많습니다, 그중에서 추천해드리는걸 소개하겠습니다. 1. Popup-menu-extension ( 우클릭 메뉴 확장 ) - 우클릭 메뉴 확장이라고 검색하시면 나옵니다. - 사용방법 : 마우스 오른쪽 클릭 우클.. 2022. 2. 25. 브라켓(Brackets) 다운로드 및 설치, 플러그인 자동,수동 설치방법 무료 웹에디터 브라켓 브라켓 다운로드 : http://brackets.io A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long. brackets.io 1) Brackets 사이트 접속해서 [Downlo.. 2022. 2. 25. [만들기]하우스 레일 대차 만들기 취미로 주택 옥상에서 시트러스를 키우고 있는데 대략 10년 정도 되었다. 처음에는 왕레몬 몇 그루로 시작하여 지금은 시트러스만 100여 종이 넘는다. 이제는 옥상에 더 이상의 화분을 둘 공간이 없어서 올해는 식물들 번식(접목, 삽목, 파종)을 최소한으로 줄였다. 식물 키우는 것을 너무 좋아하는데, 옥상은 더 이상 식물을 놀 공간이 없다. 그리고 내년 후반기에는 이사 계획이 있는데 그곳은 식물을 둘 공간이 없어서 고민이 쌓여만 갔다. 그러던 차에 옆지기가 지인분께 의뢰하여 하우스를 임대해주었는데, 1동 전체는 너무 많아 절반(200평)만 쓰기로 하였다. 이곳은 농업용 전기와 지하수가 있고, 하우스 천장 높이는 낮지만 3중 하우스다. 그리고 하우스 안으로 차가 들어갈 수 있고, 농막으로 쓸 콘테이너가 있고,.. 2022. 2. 18. [javascript] MediaRecorder 웹에서 마이크녹음 예제3-1(간단버전) web audio record를 위한 다양한 js 라이브러리들이 제공되고 있음. 이 중 가장 간단한 Recorder.js 를 이용하여 테스트 진행 https://github.com/mattdiamond/Recorderjs GitHub - mattdiamond/Recorderjs: A plugin for recording/exporting the output of Web Audio API nodes A plugin for recording/exporting the output of Web Audio API nodes - GitHub - mattdiamond/Recorderjs: A plugin for recording/exporting the output of Web Audio API nodes githu.. 2022. 2. 15. [javascript] MediaRecorder 웹에서 마이크녹음 예제3 원본소스 : GitHub - addpipe/simple-recorderjs-demo: A simple HTML5/JS demo that uses Recorder.js to record audio as uncompressed pcm (wav) and POST it to a server side script. GitHub - addpipe/simple-recorderjs-demo: A simple HTML5/JS demo that uses Recorder.js to record audio as uncompressed pcm (wav) A simple HTML5/JS demo that uses Recorder.js to record audio as uncompressed pcm (wav) and POST it.. 2022. 2. 14. [javascript] MediaRecorder 웹에서 마이크녹음 예제2 원본소스 : https://gist.github.com/meziantou/edb7217fddfbb70e899e#file-index-html Javascript - Record audio Javascript - Record audio . GitHub Gist: instantly share code, notes, and snippets. gist.github.com 원본소스 : Audio Start recording Stop recording Play Download 샘플화면 : 16,000 / 16bit / mono로 변환 : 위의소스를 아래처럼 수정 Audio Start recording Stop recording Play Download 2022. 2. 14. [javascript] MediaRecorder 웹에서 마이크녹음 예제1 원본소스 : https://github.com/mdn/web-dictaphone/ GitHub - mdn/web-dictaphone: A sample MDN app that uses getUserMedia and MediaRecorder API for recording audio snippets, and The A sample MDN app that uses getUserMedia and MediaRecorder API for recording audio snippets, and The Web Audio API for visualizations. - GitHub - mdn/web-dictaphone: A sample MDN app that uses getUs... github.com 샘플화면: 샘플소스:.. 2022. 2. 14. [Web API] MediaStream Recording 업로드 출처 : https://melius.tistory.com/59 MediaStream Recording API https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API MediaStream 객체나 TMLMediaElement 객체에서 생성된 데이터를 capture하여 분석, 가공, 저장을 가능하게 해준다. Recording Process 1. media data의 source 생성 (MediaStream or HTMLMediaElement) 2. MediaRecorder 객체 생성 (source와 option 인수 전달) 3. MediaRecorder.ondataavailable 이벤트 핸들러 등록 4. source에서 데이터가 .. 2022. 2. 9. 이전 1 ··· 11 12 13 14 15 16 17 ··· 33 다음
