본문 바로가기

분류 전체보기79

CDN과 jsdelivr, 5월 2일 발생한 인증서 에러 jsdelivr란?jsdelivr는 무료로 사용할 수 있는 오픈소스 CDN(Content Delivery Network) 서비스입니다.CDN은 사용자와 가까운 서버에서 콘텐츠를 제공하여 웹사이트의 로딩 속도를 높이는 기술입니다.jsdelivr를 사용하면 GitHub 저장소에 있는 파일을 빠르게 전송받을 수 있습니다.2024년 5월 2일 SSL 인증서 만료 에러2024년 5월 2일에 jsdelivr의 SSL 인증서가 만료되면서 다음과 같은 문제가 발생했습니다:웹 폰트 로딩 오류npm 모듈 서명 문제다른 웹사이트에서도 관련 오류 발생이로 인해 jsdelivr 서비스를 사용하는 웹사이트에서 다양한 문제가 발생했습니다.사용자들은 cdn.jsdelivr.net 주소를 사용하지 않도록 주의해야 했습니다.jsdeli.. 2024. 5. 2.
리액트 네이티브 웹뷰에 user agent를 추가하는 방법 안녕하세요. 리액트 네이티브 웹뷰에 user agent를 추가하는 방법에 대해 자세히 알아보겠습니다.요약리액트 네이티브 앱에서 웹뷰를 사용할 때, 사용자 에이전트(user agent) 정보를 변경하여 전송할 수 있습니다. 이는 특정 웹 서비스에서 발생할 수 있는 오류를 해결하는 데 도움이 될 수 있습니다.리액트 네이티브 웹뷰에 user agent 추가하기1. react-native-webview 패키지 설치리액트 네이티브 프로젝트에 react-native-webview 패키지를 설치합니다.npm install react-native-webview 또는 yarn add react-native-webview2. user agent 설정WebView 컴포넌트에 userAgent 속성을 추가하여 사용자 에이전트.. 2024. 5. 2.
[Next.js] package.json 파일의 dev, build, start 스트립트 스크립트 살펴보기Next.js 프로젝트의 package.json 파일에는 일반적으로 다음과 같은 스크립트가 포함됩니다:dev: 개발 모드에서 Next.js 애플리케이션을 실행합니다.build: Next.js 애플리케이션을 프로덕션 빌드로 준비합니다.start: 프로덕션 빌드된 Next.js 애플리케이션을 실행합니다.dev 스크립트개발 모드에서 Next.js 애플리케이션을 실행합니다.코드 변경 시 자동으로 새로고침되어 즉시 반영됩니다.디버깅 및 개발 목적으로 사용됩니다.build 스크립트Next.js 애플리케이션을 프로덕션 빌드로 준비합니다.최적화된 HTML, CSS, JavaScript 파일을 생성합니다.정적 파일 및 서버 사이드 렌더링(SSR) 코드를 포함합니다.배포를 위해 애플리케이션을 준비하는 데 .. 2024. 5. 2.
React Native와 Next.js로 웹뷰 개발하기 React Native와 Next.js를 사용하여 웹뷰를 개발할 때 고려해야 할 사항들을 자세히 살펴보겠습니다.요약React Native와 Next.js를 활용하여 웹뷰 기반 모바일 앱을 개발할 때는 각 프레임워크의 장단점을 잘 파악하고 적절히 활용해야 합니다. 성능, 배포, 개발 생산성 등 다양한 측면에서 고려사항이 있으며, 사용자 경험을 저해하지 않도록 주의해야 합니다.React Native와 Next.js로 웹뷰 개발하기1. React Native 웹뷰 개발React Native에는 내장된 WebView 컴포넌트를 사용하여 웹 콘텐츠를 앱에 임베딩할 수 있습니다.디바이스 호환성, 스타일링, 레이아웃 등 React Native 고유의 특성을 고려해야 합니다. [1]성능 및 사용성 문제를 방지하기 위한.. 2024. 5. 2.

티스토리툴바