개발언어/자바스크립트18 Web Audio API https://developer.mozilla.org/ko/docs/Web/API/Web_Audio_API 2024. 10. 15. Javascript - replace, replaceAll [문자 치환하기] replace()와 정규식(RegExp)을 활용해 replaceAll() 만들기 바뀜 웹 서버는 웹 브라우저에서 웹 문서를 요청할 때 필요한 기능을 수행합니다. 이 책에서는 노드를 사용해서 Server를 만들 것이므로 먼저 노드에서 제공하는 다향한 모듈을 사용하여 웹 서버를 만들어 볼 것입니다. 앞에서 살펴본 서버 유형을 다시 한 번 확인 다음 여러분이 언제, 어디에서, 무엇을 위해 웹 서버를 사용할지 스스로 체크해 보세요 여러분이 만들 웹 서버는 웹 프레임워크인 익스프레스로 기본구조를 만들고 데이터를 저장하거나 조회합니다. replace() 함수는 기본 동작은 매칭 대상이 되는 첫 번째 문자를 반환해 새로운 문자를 반환하는 것입니다. 그렇기 때문에 모든 문자 치환 같은 기능은 replace()의 옵션 .. 2023. 5. 8. [jQuery] 요소의 영역 | 요소의 위치 .offset() .position() 요소의 위치 jQuery는 선택한 요소의 위치를 손쉽게 반환하고 설정 할 수 있는 메소드를 제공한다. 메소드설명 .offset() 선택한 요소 집합의 첫 번째 요소의 위치를 HTML 문서를 기준으로 반환하거나, 선택한 요소의 위치를 인수로 전달받은 값으로 설정한다. .position() 선택한 요소 집합의 첫 번째 요소의 위치를 해당 요소가 웹 페이지에 위치할 때 기준이 되었던 부모 요소를 기준으로 하는 상대 위치를 반환한다. .offset() 메소드 .offset() 메소드는 HTML 문서(document)를 기준으로 선택한 요소의 오프셋 좌표를 반환하거나 설정한다. 아래 예제는 선택한 요소의 위치를 반환하는 예제이다. $("button").on("click", function(){ var p = $(.. 2022. 7. 20. [jQuery] 보이기, 숨기기 [jQuery] 보이기, 숨기기 1. show, hide jQuery('#toggle').click(function () { if($("#id").css("display") == "none"){ jQuery('#id').show(); } else { jQuery('#id').hide(); } }); 2. display = "block" or "none" jQuery('#toggle').click(function () { if($("#id").css("display") == "none"){ jQuery('#id').css("display", "block"); } else { jQuery('#id').css("display", "none"); } }); 출처: https://rocabilly.tistory... 2022. 7. 19. [jQuery] jQuery 선택자(Selector) 목록 정리 jQuery 선택자(Selector) 목록 정리 jQuery는 DOM 요소를 탐색할때 CSS 선택자 표현식을 지원합니다. 이번글에서는 여러가지 선택자를 간단하게 정리합니다. 기본 선택자 가장 많이 사용하는 기본 선택자들입니다. 전체 선택자 document객체가 관리하는 문서내의 모든 요소를 선택합니다. * (Asterisk)를 사용합니다. $('*') //모든 요소를 선택합니다. $('body > *') //body 하위에 모든 요소를 선택합니다. cs id 선택자 HTML 태그의 ID속성값을 기준으로 하는 선택자입니다. ID값 앞에 #을 붙여 사용합니다. ID값을 중복되지 않는게 원칙이므로 가장 처음에 선택된 요소만 리턴됩니다. $('#userinput') //id속성값이 userinput인 요소를 선.. 2022. 7. 13. [jQuery] jQuery 선택자(Selector) 필터 총정리 jQuery 선택자(Selector) 필터 jQuery는 DOM 요소를 탐색할때 속성 값을 조건으로 하거나 순서(index) 및 상태를 조건으로 선택할 수 있는 표현식을 제공하는데 이러한 표현식을 필터라고 합니다. 속성 필터 속성을 조건으로 하는 선택자 필터입니다. 값을 조건으로 할때 공백이 들어간 경우에는 ""이나 ''으로 묶어 표현합니다. 특정 속성을 갖는 요소 특정 속성을 갖는 요소를 선택할때는 [속성명] 과 같이 사용합니다. $('[data-value]') //data-value 라는 속성을 갖는 모든 요소 선택 $('td[class]') //class 속성을 갖는 모든 td 요소 선택 cs 특정 속성의 값을 조건으로 선택하기 특정 속성의 값을 기준으로 선택하는 경우에는 [속성명=값] 형식으로 사.. 2022. 7. 13. Access-Control-Allow-Origin, CORS 에러,https를 임시로 허용하려면 크롬에서.. 임시로 비https 리소스들을 허용하시려면 크롬에서 “chrome://flags/#treat-unsafe-downloads-as-active-content” 으로 접속하시어 해당 정책을 설정하시길 바랍니다. 2022. 3. 4. 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. [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. 이전 1 2 다음
