최근 들어 개발하면서 사파리에서만 일어나는 문제가 너무 많았다. 태그의 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
전체적으로 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)..
- Total
- Today
- Yesterday
- SCE-TTS
- font-smooth
- nuxt.js
- 웹킷
- NUXT
- 프론트엔드
- vuex
- Bun.js
- yt-dlp
- e2e
- moment.js
- ytdlp
- vitejs
- CSS
- pyinstaller
- Safari
- DENO
- Nuxt 3
- 4kdownload
- date-fns
- pinia
- decompyle3
- BFrame
- vue
- backdrop
- 사파리
- uncompyle6
- useFetch
- 브라우저
- vite
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |