레몬그린 블로그

전체적으로 Pinia가 좀 더 최신 트렌드를 반영하고, 자바스크립트 다워졌다고 생각합니다. 좀 더 React 라이브러리처럼 쓸 수 있게 변했다 해야하나? 전체적으로 Vue 3가 독자 문법같은 노선에서 자바스크립트 표준 문법 노선으로 간 것 같아 마음에 듭니다. Pinia의 경우에는 state 선언 방법이 이렇습니다. import { defineStore } from 'pinia' export const useProductStore = defineStore('product', { state: () => ({ products: [ { name: 'Shoes', price: 30000 }, { name: 'Apple', price: 5000 } ] }), getters: { productCount(state)..

https://sce-tts.github.io/#/v2/index SCE-TTS: 내 목소리로 TTS 만들기 문서를 불러오고 있습니다... sce-tts.github.io 심심해서 SCE-TTS를 만져보고 있었는데, 여러가지 버그가 많았습니다. 근데 프로젝트 개발도 멈춘 것 같고해서, 수정판을 만들어서 공유합니다. 여러가지 라이선스가 얽힌 문제때문에 깃허브엔 올리지 않겠습니다. 파일 정리도 안되있구요..ㅎㅎ 제작자 : https://github.com/sce-tts, https://github.com/MycroftAI/mimic-recording-studio 다운로드: https://junsu.io/run.zip 압축 해제 후 위의 문서에 나온대로 사용하시면 됩니다. (run-server.bat) 수정한..

어느 날, 일기장을 토이 프로젝트로 만들고 있는데, 왠 날짜를 받아서 해당 날짜의 일기를 뿌려주는 함수가 작동하지 않고 있었다. 어쩌다보니 2022/12/22처럼 /로 구분 된 String을 Date 객체로 만들어 사용하고 있었는데, 이게 무슨 일이람? 정말 기가 막힌 언어가 아닐 수 없다. / 로 구분해서 날짜를 넣으면 KST 시각으로 인식해서 1월 1일 15시로 출력이 되고, - 로 구분해서 넣으면 UTC로 인식해서 잘 들어가는 기이한 현상을 볼 수 있었다... 여담으로, 이 문제를 발견하게 된 이유는 일기장 프론트엔드는 KST로 출력되고, DB에서는 UTC 기준으로 나오고, JS에서는 KST로 받아서 UTC로 출력하고, DB에서 받은 UTC Date 객체를 String으로 바꿔버렸는데 그걸 KST로..

정답: -webkit-backdrop-filter를 추가로 사용하기. 사파리에서는 vendor prefix와 함께 사용해야한다.

프론트엔드 웹 브라우저 크로스 테스트 가이드 이 브라우저에선 되고 저 브라우저에선 되는 우리 사이트를 살려주세요 특히 영상이요 테스트에 사용할 브라우저 Chrome (Chromium) Firefox Safari (Webkit) Opera Edge 네이버 웨일 (한국 한정) (Mobile) Android Webview, Safari Mobile Chromium, Firefox, Webkit 한번에 테스트하기 일부 캡챠나 특수한 스크립트 (봇 감지 등)이 들어간 사이트에는 사용하기 어렵습니다. WebDriver를 통해 구동되기 때문에 봇 탐지에 걸리는 경우가 많습니다. Playwright라는 헤드리스 브라우저 에뮬레이터 웹드라이버...어쩌구 패키지를 사용합니다 Node.js와 npm 설치가 필요합니다 htt..