분류 전체보기28 react- img to webview 아래는 React Native에서 사진을 촬영하고 base64 이미지 데이터를 WebView로 전달,WebView에서는 색을 추출한 후 React Native로 다시 전달하는 전체 흐름을 구현한 코드입니다.⸻✅ 구조 1. React Native • 카메라 사용 (예: react-native-image-picker) • 촬영 후 base64 이미지 WebView에 전달 2. WebView • 전달받은 base64 이미지를 canvas에 그려서 색 추출 • 색 정보를 window.ReactNativeWebView.postMessage로 React Native에 전달⸻🔧 필요한 패키지npm install react-native-image-picker react-native-webview⸻📱 React Na.. 2025. 6. 16. 버튼 키보드 스타일 적용 Name 1 Success Fail Name 2 Success Fail Name 3 Success Fail 2025. 6. 2. 키보드 버튼 입력 Name 1 Success Fail Name 2 Success Fail Name 3 Success Fail 2025. 6. 2. [Tailwind CSS] dark mode 적용 Tailwind css dark mode Tailwind CSS에서 dark모드 적용은 너무나 매끄럽다. 기존에 디폴트 모드에서 다크모드 적용을 해보았다. 아래내용은 정석은 아니고, 머리속 생각으로 적용한 방법이다. index.html index.js (global settings) if (localStorage.theme === 'dark') { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } darkModeController.jsx function handleChange() { const checked = !isChecked; if (checked) { .. 2022. 12. 26. 이전 1 2 3 4 ··· 7 다음