vscode에서는 기본적으로 지원하는 clsx 내부에 tailwindcss 자동완성이 웹스톰에서는 지원되지 않는다.. 돈내고 쓰는것보다 커뮤니티크기가 큰게 더 좋을걸까… 뭐 아무튼 여러가지 해결방법을 찾아 헤맨 끝에 완벽한 방법은 아니더라도 해결할 수 있는 방법을 찾아냈다. 웹스톰 → Settings → Language & Frameworks → Style Sheets → Tailwind CSS 설정으로 접근한다. 설정 항목 중 experimental 부분을 아래와 같이 수정한다. "experimental": { "configFile": null, "classRegex": ["[\"'`]([^\"'`]*).*?[\"'`]"] } 문제는 이렇게 하면 "" '' 와 같이 일반적인 Quotes를 사용할 때도 ..
Worklet Worklet이란 Worklet 인터페이스는 Web Workers의 경량 버전이며 개발자가 렌더링 파이프 라인의 하위 수준에 접근할 수 있도록 해준다. Worklet을 사용하면 JavaScript 및 WebAssembly 코드를 실행하여 고성능이 필요한 경우 그래픽 렌더링 또는 오디오 처리를 수행 할 수 있다. - MDN 기본적으로 Worker는 한 Thread에 하나가 생성이 가능하지만, Worklet은 한 Thread에 여러 개 생성이 가능합니다. 메인 Thread에서 만들 수 있습니다. 독립적인 GlobalScope와 Event loop를 가집니다. Worklet Type PaintWorklet LayoutWorklet AnimationWorklet AudioWorklet 그리고 Ty..
Worklets Worklets의 궁극적인 목표는 뷰 속성을 업데이트하거나 UI 스레드에서 이벤트에 반응할 때 실행되는 작은 JavaScript 코드를 정의하는 것입니다. 이러한 목적에 대한 JavaScript에서 자연스러운 구성 요소는 간단한 함수였습니다. Reanimated를 사용하면 UI 스레드에 보조 JS 컨텍스트를 생성하고 JavaScript 함수를 실행할 수 있습니다. 유일한 필수 조건은 해당 함수가 맨 위에 "worklet" 지시문을 가져야 한다는 것입니다 function someWorklet(greeting) { 'worklet'; console.log("Hey I'm running on the UI thread"); } 함수는 우리의 필요에 맞는 훌륭한 구성 요소입니다. 실행되는 코드와 ..
디즈니, 넷플릭스 등 기업들이 연방거래위원회(FTC)가 제안한 "클릭해서 취소하기" 규칙에 반대 중 이 규칙은 스트리밍 서비스에 사용자가 쉽게 가입할 수 있는 것처럼, 구독도 취소하기 쉽도록 해야 한다는 것 가입과 동일한 방식으로 취소가 가능해야 함. 온라인으로 직접 가입한 경우 방문/전화가 필요 없게 해야 한다는 것 업체들은 이 정책이 혼란을 야기하고 소비자에게 잠재적인 피해를 줄 수 있다고 주장 또한 제안된 규칙이 불필요하고 부담스러우며, 이미 명확하고 쉬운 취소 옵션을 제공하고 있다고 주장하고 있음 FTC는 이 규칙이 사용자들이 원치 않는 구독에 대해 청구되는 것을 방지할 것이라고 믿고 있음 이 싸움의 결과는 스트리밍 산업과 소비자 보호에 상당한 영향을 미칠 수 있음
내용 요약 DeepMind, OpenAI, Google Research, Microsoft Research, Tesla 등에서 일했던 멤버들이 합류 xAI의 목표는 "우주의 진정한 본질을 이해하는 것"(understand the true nature of the universe.) 어드바이저는 "Center for A.I. Safety"의 디렉터인 Dan Hendrycks Adam optimizer, Batch Normalization, Layer Normalization, Transformer-XL, Autoformalization, the Memorizing Transformer, Batch Size Scaling, μTransfer, AlphaStar, AlphaCode, Inception, Min..
SPA(Single Page Application)는 최근 웹 개발에서 많이 사용되는 기술입니다. 기존의 다중 페이지 방식과는 달리, SPA는 한 개의 페이지로 구성되며, 동적으로 콘텐츠를 로드하여 사용자 경험을 향상시킵니다. 이번 블로그 포스트에서는 SPA로 개발된 사이트 목록 10가지를 소개하겠습니다. 1. Facebook Facebook은 세계에서 가장 인기 있는 소셜 네트워크 사이트 중 하나입니다. Facebook은 SPA로 개발되어 사용자가 페이지를 이동할 때마다 새로운 콘텐츠를 로드하지 않고, 동적으로 업데이트됩니다. 이를 통해 빠른 속도와 부드러운 사용자 경험을 제공합니다. 2. Gmail Gmail은 구글에서 제공하는 무료 이메일 서비스입니다. Gmail은 SPA로 개발되어 이메일을 읽거나..
React Native 0.72는 2023년 6월 21일에 출시되었습니다. 여기에는 다음과 같은 여러 가지 새로운 기능과 개선 사항이 포함되어 있습니다. 요약 TurboModules: TurboModules는 React Native용 네이티브 모듈을 작성하는 새로운 방법입니다. 기존 네이티브 모듈보다 더 효율적이고 사용하기 쉽습니다. iOS용 런타임 연결 지원: 런타임 연결을 사용하면 React Native 앱이 런타임에 타사 라이브러리에 동적으로 연결할 수 있습니다. 이렇게 하면 전체 앱을 다시 빌드하지 않고도 앱에 새 기능을 더 쉽게 추가할 수 있습니다. Symlink 지원: Symlink 지원을 통해 React Native가 monorepo 설정 및 pnpm과 투명하게 작동할 수 있습니다. 이렇게 ..
React Native는 JavaScript를 사용하여 iOS 및 Android 애플리케이션을 개발하기 위한 프레임워크입니다. 타입스크립트(TypeScript)는 JavaScript의 상위 집합 언어로, 정적 타입을 지원하여 개발자가 코드를 더욱 안정적으로 작성할 수 있게 도와줍니다. React Query는 React 애플리케이션에서 데이터를 관리하기 위한 라이브러리로, API 호출 및 상태 관리를 간편하게 처리할 수 있습니다ive 프로젝트를 설정하고, 타입스크립트를 사용하여 컴포넌트를 작성하고, React Query를 사용하여 데이터를 가져오고 관리하는 방법을 배울 것입니다.본문1. React Native 프로젝트 설정먼저, React Native 프로젝트를 설정해야 합니다. React Native C..
Node.js 'got' 라이브러리는 최근 개발자들 사이에서 많은 인기를 끌고 있는 라이브러리입니다. 이 블로그 포스트에서는 'got' 라이브러리에 대해 자세히 알아보고, 이를 사용하는 힙한 개발자들에 대해 살펴보겠습니다. 소개 'got'은 Node.js에서 HTTP 요청을 보내는 데 사용되는 간단하고 강력한 라이브러리입니다. 이 라이브러리는 다른 HTTP 클라이언트 라이브러리보다 더 직관적이고 사용하기 쉽습니다. 'got'은 Promise 기반 API를 제공하며, 다양한 기능과 옵션을 제공하여 개발자들이 HTTP 요청을 더욱 효율적으로 처리할 수 있도록 도와줍니다. 힙한 사람들만 쓰는 이유 'got' 라이브러리를 사용하는 개발자들은 다음과 같은 이유로 인해 힙하다고 여겨집니다: 간결하고 직관적인 API..
Building Cross-platform Mobile Apps with React Native and Typescript Introduction In today's digital age, mobile applications have become an essential part of our lives. With the increasing demand for mobile apps, developers are constantly looking for efficient ways to build high-quality apps that can run on multiple platforms. React Native, a popular JavaScript framework, and Typescript, a stat..
- Total
- Today
- Yesterday