This is Spear

React.js는 최근 웹 개발에서 인기 있는 JavaScript 라이브러리 중 하나입니다. Facebook에서 개발하여 2013년부터 사용되고 있으며, 현재는 수많은 회사와 개발자들이 사용하고 있습니다. React.js는 컴포넌트 기반의 개발 방식을 제공하여, 개발자들은 재사용 가능한 컴포넌트를 만들어 사용할 수 있습니다. 또한, 상태 관리와 렌더링을 자동으로 처리해주므로 개발자들은 효율적인 웹 애플리케이션을 만들 수 있습니다. React.js를 사용하면, 웹 애플리케이션을 빠르게 개발하고 유지보수할 수 있으며, 성능 최적화를 쉽게 할 수 있습니다. 만약 웹 개발을 진행하는 분들이라면, React.js를 사용해보는 것을 추천합니다.

replace함수는 스트링타입(문자열)에 프로토타입으로 들어있는 기본 함수로 첫번 째 파라미터의 값을 두번 째 파라미터의 값으로 바꾸는 함수입니다. 해당 함수를 호출하면 문자열에서 첫번 째 파라미터와 일치하는 첫번 째 문자만 두번 째 파라미터 값으로 변경됩니다. 그 뒤에 나오는 일치하는 문자는 바뀌지 않습니다. 해당 코드는 replace와 정규식을 사용한 replaceAll 기능을 하는 replace, 표준 replaceAll에 대한 코드입니다. 코드를 참고하여 일부 버전이 낮은 브라우저에서는 정규식 방식의 replaceAll을 사용하시고 버전이 높은 브라우저에서는 표준 replaceAll을 사용하시면 됩니다. let str = '회사에서 일주일에 4일만 일하는 주 4일 근무제를 도입하였다.'; str...

자바스크립트에서는 replaceAll 이 없다. String.prototype.replaceAll = function(target,chngWord){ return this.split(target).join(chngWord); } 이렇게 간단하게 처리가능. String.prototype.replaceAll = function(target,changeWord){ return this.replace(new RegExp(target, "g"),changeWord); } 이런 방법도 있다. '123456'.replaceAll('1','2'); //return '223456'

영상을 base64로 encode 하고 바로 src에 때려 넣으면 5초밖에 재생이안됨. 1. 저장하기 javascript //file을 Blob으로 변환 function getfileToBlob(){ var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(event){ var dataURL = event.target.result; var base64 = dataURL.substr(dataURL.indexOf('base64,')+7); var file_etc = dataURL.substring(dataURL.indexOf(':')+1,dataURL.indexOf(';')); var blob = b64toBlob(..

팝업 div 하루동안 보지 않기 X 팝업 스크립트 쿠키를 이용하여 하루동안 보이지 않도록 해보았다.

prevnext 1 2 3 4 5 6 7 8 9 10 var cnt = 0; var slide_width= 200; //한페이지에 보여줄 div의 크기 var total_slide= 3; // 페이지 개수 function prev(){ cnt--; if(cnt==-1){ cnt = total_slide-1; } $('.wrapper-div ul#slider').css('left', -(slide_width*cnt)+'px'); } function next(){ cnt++; if(cnt==total_slide){ cnt = 0; } $('.wrapper-div ul#slider').css('left', -(slide_width*cnt)+'px'); } prev next 1 2 3 4 5 6 7 8 9 10

Error Message : Uncaught DOMException: Failed to execute 'captureStream' on 'HTMLCanvasElement': Canvas is not origin-clean. 캔버스에 이미지를 넣고 스트림으로 출력하기위해 captureStream()을 호출했을 때 발생하는 오류입니다. 로컬에서 작업중이시라면 보안문제로 인해 해당 오류를 볼 수 있습니다.

Error Message : Uncaught SyntaxError: await is only valid in async function await을 사용하여 호출하는 함수를 async 함수를 만들어 호출해줍니다. const start = async function() { let result = await 함수(); console.log(result); } start();