앨리스래빗팀 기술블로그

// 배경 밝기 판정 getPixelBrightness() { const img = new Image(); img.crossOrigin = `Anonymous`; img.src = this.storageUrl + '/' + this.board['selectedBackgroundPath']; img.onload = () => { const canvas = document.createElement('canvas'); const context = canvas.getContext('2d'); canvas.width = img.width; canvas.height = img.height; context.drawImage(img, 0, 0); // const imageData = context.getImageDat..

크로스 오리진 속성 추가 https://stackoverflow.com/questions/22097747/how-to-fix-getimagedata-error-the-canvas-has-been-tainted-by-cross-origin-data How to fix getImageData() error The canvas has been tainted by cross-origin data? My code is working very well on my localhost but it is not working on the site. I got this error from the console, for this line .getImageData(x,y,1,1).data: Uncaught SecurityErr..

const subscription = this.apiService.post(params) .pipe(first()).subscribe({ next: (res) => { }, error: (error) => { }, complete: () => { this.getData(); this.commonService.loadFinish(); } });

useEffect(() => { router.beforePopState(({ url, as, options }) => { if (as !== router.asPath) { window.history.pushState('', ''); router.push(router.asPath); return false } return true }) return () => { router.beforePopState(() => true); }; }, [])

next.config.js 파일에 rewrites를 작성해서 우회 시킨다. 여기서 중요한 점은 rewrites설정 했으면 api보낼때 앞에 baseUrl을 붙이면 안된다. const nextConfig = { reactStrictMode: true, swcMinify: true, async rewrites() { return [ { source: '/api/:path*', destination: `${process.env.NEXT_PUBLIC_SERVER_URL}/:path*` }, ] }, } module.exports = nextConfig export const api = axios.create({ baseURL: `/api`, withCredentials: true, timeout: 600000 ..

https://yesviz.com/viewport/ Viewport Size for Devices | Screen Sizes, Phone Dimensions and Device Resolution | YesViz.com An Authentic Guide of Viewport Sizes for devices including Apple iPhone, Samsung, Tablets, Smart Watches and Android Phones. A detailed comparison list of Phone Dimensions, Screen Sizes and Device Resolution. yesviz.com https://www.ios-resolution.com/ iOS Resolution // Displ..

jspdf pdfkit puppeteer pdf-creator-node

onClick={() => { router.push({ pathname: `/mypage/[mypage]`, query: { 'mypage': `${el.name}`}, }, undefined, { shallow: true } ) }} { shallow : true } 옵션 적용

https://stackoverflow.com/questions/54062232/what-is-the-use-of-onsameurlnavigation-property-in-angular-versions-greater-tha What is the use of onSameUrlNavigation property in Angular( versions greater than 5) Recently I have heard about a property called onSameUrlNavigation where you can set it to "reload". I have googled about it but there are not many articles which shows the use of that prop..

https://stackoverflow.com/questions/53313484/how-to-select-current-pages-rows-only-in-ngx-data-table-in-angular5 How to select current page's rows only in ngx data table in angular5 I am using ngx-data table and using checkbox type of ngx-data table. I want to select current pages rows only but it when i select-all option so it selects all rows in array. My code is here