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..
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..
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..
React Native는 크로스 플랫폼 모바일 애플리케이션을 구축하기 위한 가장 인기 있는 프레임워크 중 하나가 되었습니다. 코드를 한 번 작성하고 iOS 및 Android 플랫폼 모두에 배포할 수 있는 능력으로, 개발자들 사이에서 큰 인기를 얻고 있습니다. React Native의 주요 기능 중 하나는 앱 내에서 다른 화면으로 이동할 수 있는 네비게이션 시스템입니다. 이 블로그 포스트에서는 React Native 중첩 네비게이션과 Typescript에 대해 자세히 알아보겠습니다. 소개: React Native는 React Navigation이라는 내장된 네비게이션 라이브러리를 제공합니다. 이를 통해 스택 네비게이터(Stack Navigator), 탭 네비게이터(Tab Navigator) 및 드로어 네비..
React Native와 함께 사용하는 TypeScript의 이점 및 사용 방법 소개 React Native는 JavaScript를 사용하여 모바일 애플리케이션을 개발하기 위한 인기있는 프레임워크입니다. 그러나 JavaScript는 동적 타입 언어이기 때문에 개발자가 실수를 할 수 있는 여지가 있습니다. 이러한 문제를 해결하기 위해 TypeScript를 React Native와 함께 사용하는 것이 좋습니다. TypeScript는 정적 타입 언어로, 개발자가 코드를 작성하는 동안 타입 오류를 사전에 감지할 수 있습니다. 이번 블로그 포스트에서는 React Native와 함께 사용하는 TypeScript의 이점과 사용 방법에 대해 자세히 알아보겠습니다. 본문 1. TypeScript의 이점 TypeScrip..
React Native에서 Text Input 컴포넌트의 label 색상을 변경하는 방법에 대해 알아보겠습니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 React Native에서 제공하는 Text Input 컴포넌트의 label 색상은 플랫폼에 따라 다르게 설정되어 있습니다. 하지만 우리는 이 색상을 원하는 대로 변경할 수 있습니다. 소개 React Native는 JavaScript를 사용하여 iOS와 Android 모바일 애플리케이션을 개발할 수 있는 프레임워크입니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 ..
소개 ReactJS와 타입스크립트를 사용하여 웹뷰 앱을 개발하는 방법에 대해 알아보겠습니다. 웹뷰 앱은 웹 기술을 사용하여 모바일 앱을 개발하는 방법 중 하나입니다. ReactJS는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리이며, 타입스크립트는 자바스크립트의 상위 집합 언어로 정적 타입 검사를 제공합니다. 이 두 가지 기술을 함께 사용하여 웹뷰 앱을 개발하면 개발자는 더욱 효율적이고 안정적인 앱을 만들 수 있습니다. 본문 1. 웹뷰 앱이란? 웹뷰 앱은 웹 기술을 사용하여 모바일 앱을 개발하는 방법 중 하나입니다. 기존의 네이티브 앱과는 달리, 웹뷰 앱은 웹 페이지를 로드하여 앱의 사용자 인터페이스를 구성합니다. 이를 통해 개발자는 웹 기술을 사용하여 앱을 개발할 수 있으며, 다양한 플랫폼에..
소개 ReactJS와 타입스크립트를 사용하여 웹뷰 앱을 구축하는 과정은 현대적인 웹 개발에서 매우 중요한 부분입니다. 이 블로그 포스트에서는 ReactJS와 타입스크립트를 사용하여 웹뷰 앱을 구축하는 과정에 대해 자세히 알아보겠습니다. 1. ReactJS와 타입스크립트 소개 ReactJS는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스를 구축하기 위해 사용됩니다. 타입스크립트는 자바스크립트의 상위 집합 언어로, 정적 타입을 지원하여 개발자의 실수를 줄이고 코드의 가독성을 높여줍니다. 2. 웹뷰 앱의 개념 웹뷰 앱은 모바일 앱 내에서 웹 페이지를 표시하기 위해 사용되는 기술입니다. 이를 통해 모바일 앱에서 웹 콘텐츠를 표시하고 상호 작용할 수 있습니다. 3. 프로젝트 설정 ReactJS와..
- Total
- Today
- Yesterday