레몬그린 블로그

크롬에서 드디어 Manifest V3 업데이트가 진행되었다. 전에도 유튜브에 애드블럭 관련 업데이트를 진행하거나, Manifest V3를 도입하겠다고 엄포를 놓은 크롬이었고, 결국 이번에 Manifest V3 업데이트가 진행되었다.Manifest V3가 뭐고 어떻게 달라졌길래?Manifest V3는 크롬 확장 프로그램의 구조와 기능을 정의하는 표준입니다. 이번에 V3으로 업데이트하면서, 보안과 성능을 향상시키겠다고 여러 변화가 있었는데. 그 중 몇몇 부분이 광고 차단기 확장 프로그램에 큰 타격을 주게 되었습니다.웹 요청 수정 기능의 우선권 하락V2의 webRequest 대신에 V3에선 declarativeNetRequest로 대체되었습니다. 이 API 변경의 가장 큰 문제는 브라우저가 웹 요청을 컨트롤할..

최근 들어 개발하면서 사파리에서만 일어나는 문제가 너무 많았다. 태그의 playsinline, svg의 태그에 아무런 색을 주지 않으면 투명이 아니라 검은색으로 색칠되는 문제 등등... 프론트엔드를 하면서 유독 사파리만 비표준 혹은 동작이 다른 부분이 많아 속이 터질 지경이었다. 심지어 나는 윈도우를 사랑하는 개발자인데 ㅠ 윈도우에는 사파리 (Webkit) 브라우저가 없다는 게 참 힘들었다. 테스트도 못하는 환경이라니. 그래서 이번엔 어떻게든 삽질해서 알아낸 윈도우에서 웹킷 브라우저를 사용할 수 있는 방법을 알려드리겠다.  1. WSLWindows Subsystem for Linux, 이하 WSL은 윈도우 환경에서 리눅스 시스템을 사용할 수 있게 해주는 기능이다. WSL2에 들어오면서 WSLg라는 기..

전에 SCE-TTS로 친구의 TTS를 만든 적이 있었다. https://lemongreen.tistory.com/13 SCE-TTS 버그 수정판과 TTS 제작 경험 https://sce-tts.github.io/#/v2/index SCE-TTS: 내 목소리로 TTS 만들기 문서를 불러오고 있습니다... sce-tts.github.io 심심해서 SCE-TTS를 만져보고 있었는데, 여러가지 버그가 많았습니다. 근데 프로젝트 개발도 lemongreen.tistory.com 살짝 아쉬웠던 부분은, 버그를 떠나서 TTS의 퀄리티가 조금 아쉬웠다. train 양이 부족한 건지, 모델이 안 좋은건지, 데이터셋이 모자란건지 노이즈도 있었고, 살짝 기계의 느낌이 많이 났다. 그러던 도중, SCE-TTS의 repo를 뒤져..

코드 예제 - https://stackblitz.com/edit/nuxt-usefetch-dollarfetch Nuxt - useFetch, $fetch - StackBlitz Create a new Nuxt project, module, layer or start from a theme with our collection of starters. stackblitz.com Nuxt 특징 이해하기 - Nuxt는 리액트의 SSR 라이브러리처럼 따로 서버사이드 코드 / 클라이언트 사이드 코드를 분리하지 않는다. 클라이언트에 의존하는 부분은 알아서 내가 if (process.client) 등을 걸어서 처리해야한다. 코드가 분리되지 않아 간단하지만 오히려 고도화가 되면 불편해지는 단점을 낳는다. 아래의 사진은 R..

로그인 된 유저 데이터를 가져오는데 자꾸 요청에 null이 돌아와서 난감이었다. 알고 보니 if (process.server) 등으로 서버 실행을 걸러내거나, Client-Only가 되었을 때 await으로 useFetch 등을 이용해 요청을 하면 hydration이 끝날 때까지 요청은 수행되지 않는다. 간단 설명: client only로 작동하는 await useFetch는 첫 요청을 하지 않는다. 해결책: $fetch를 쓰자. https://nuxt.com/docs/api/composables/use-fetch