레몬그린 블로그

코드 예제 - 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..

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