최근 들어 개발하면서 사파리에서만 일어나는 문제가 너무 많았다. 태그의 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
예전에 4K Downloader를 많이 썼는데, 이게 유료화가 되어서 결국 안 쓰게 되었죠 그렇다고 yt-dlp를 쓰자니, 비개발자에겐 많이 사용하기가 힘듭니다 그래서 찾은 yt-dlp-gui입니다. https://github.com/kannagi0303/yt-dlp-gui/releases Releases · kannagi0303/yt-dlp-gui Windows GUI for yt-dlp. Contribute to kannagi0303/yt-dlp-gui development by creating an account on GitHub. github.com 여기서 다운받으실 수 있고, 사용법은 간단합니다 링크 넣고 다운로드 하면 됩니다.
- Total
- Today
- Yesterday
- NUXT
- BFrame
- font-smooth
- SCE-TTS
- 웹킷
- useFetch
- vue
- vuex
- 브라우저
- date-fns
- Bun.js
- vitejs
- yt-dlp
- DENO
- backdrop
- pyinstaller
- pinia
- ytdlp
- Nuxt 3
- Safari
- 프론트엔드
- CSS
- e2e
- uncompyle6
- 4kdownload
- 사파리
- vite
- decompyle3
- moment.js
- nuxt.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |