develop 74

iOS 시뮬레이터 키보드 입력 안될 때 mac 키보드로 입력하기

시뮬레이터로 개발하면 키보드가 보일때UI가 예상한대로 작동하는지 확인해야 할 때가 있다. 그 외를 제외 하고는 mac의 키보드에서 입력을 하는데, 키보드를 활성화 하고 나면 맥 키보드값이 입력이 안된다.  우선 키보드 활성화 하는 방법은 아래와 같다.  Simulator > I/O > Keyboard > Toggle Software Keyboard 그럼 이제 시뮬레이터 키보드가 켜진다.  그런 뒤 만약 키보드 맥 키보드 입력이 안되면 Connect Hardware Keyboard 토글하면 된다.  그래도 안된다면 Simulator > I/O > Input > Send keyboard input to Device토글하면 된다.  단축키 외워두면 편하다. (노션이랑 단축키 겹친다...ㅠㅜ)  시뮬레이터에서 ..

develop 2024.08.05

[Flutter] 하단에 고정된 스크롤 가능한 바텀시트 DraggableScrollableSheet 사용하기

하단에 고정된 시트를 만들어야 했는데, 생각보다 쉽게 구현할 수 있었다. 다만 구글링이 올래걸렸다.. 다 생각했던 대로 원하는대로 움직이지를 않았다우...우선 고정된 시트는 DraggableScrollableSheet을 통해서 구현할 수 있다.  시트 구성하기시트 구성코드는 아래와 같다. DraggableScrollableSheet( initialChildSize: 0.25, maxChildSize: 0.8, minChildSize: 0.25, controller: sheetController, builder: (BuildContext context, scrollController) { return Container( ..

develop/Flutter 2024.07.26

next.js generateSitemaps 사용하여 sitemap 만들기 - SEO 최적화

sitemap nextjs 14.2 버전 이후로는 로컬라이징한 언어별로 sitemap을 맵핑 할 수 있다. 기본코드공식 문서에 따르자면 아래와 같이 코드를 작성하면 import { MetadataRoute } from 'next' export default function sitemap(): MetadataRoute.Sitemap { return [ { url: 'https://acme.com', lastModified: new Date(), alternates: { languages: { es: 'https://acme.com/es', de: 'https://acme.com/de', }, }, },..

develop 2024.05.22

Framework 'flutter_inappwebview' not found 6.0.0 버전

우선 Framework 'flutter_inappwebview' not found오류가 계속 떴다. 5.x.x 버전에서 6.0.0으로 올리니깐 안드로이드는 빌드되지만 iOS가 안되네? 헣ㅎ허weburl 때문에 무조건 6.0을 써야하는 상황인데 다시 다운그레이드를 할 수도 없는 상태에서 무조건 방법을 찾아야했다. 이번에 소요된 시간 무료 12시간,,, 이 글이 도움이 되기를  먼저 발생한 에러는 아래와 같다. Launching lib/main.dart on iPhone 13 in debug mode...Running Xcode build... └─Compiling, linking and signing... ..

develop/Flutter 2024.05.14

[Flutter] 웹뷰 간편 일반 결제 안드로이드 intent 해결하기 flutter_inappwebview ERR_UNKNOWN_URL_SCHEME

현재 상황은 이렇습니다. 사용자가 결제를 하려고 하는데 웹페이지를 사용할 수 없음net:: ERR_UNKNOWN_URL_SCHEME으로 뜨고 앱결제는 넘어가고 일반 결제는 넘어가지도 않는 문제였다.  지난 1주일간 인터넷에서 확인할 수 있는 모든 정보를 찾아서 확인하고 적용하고 온갖 난리를 부렸지만 해결 되지 않았다. 결제가 되지 않는건 중요도가 매우 높은 오류라마음이 급했다. 원래 사용하던 라이브러리는 flutter_inappwebview ^5.8.0 버전https://pub.dev/packages/flutter_inappwebview flutter_inappwebview | Flutter packageA Flutter plugin that allows you to add an inline webvie..

develop/Flutter 2024.04.08

ITMS-91053: Missing API declaration 해결하기

3월 초까지만 해도 문제 없이 배포되던 앱이 메일이 왔다. 다행이도 지금 당장은 문제가 없는 것 같아 보였지만 5월 이후에 배포 안할 건 아니니깐,, api 가 있는 앱이라면 반드시 5월 1일 전까지 업데이트를 해야 한다. 아래는 공식 문서와 동영상 https://developer.apple.com/documentation/bundleresources/privacy_manifest_files Privacy manifest files | Apple Developer Documentation Describe the data your app or third-party SDK collects and the reasons required APIs it uses. developer.apple.com https://..

develop/배포 2024.03.23

TypeScript useState 타입 지정하기 List type 지정

웹 개발은 iOS, AOS 개발 보다 더 어렵게 느껴진다. react 그리고 nextjs로 사이드 프로젝트를 진행하면서 자바 스크립트, 타입스크립트를 주로 사용하다 보면 언어가 너무 지나치게 유연해서 머리가 뱅뱅 돈다.. js의 경우 java swift dart 등의 언어와 많이 다르다고 느껴진다. java swift dart 이 3개의 언어를 배울 때에는 어렵다고 느낀적도 없고 스트레스받은 적도 없지만 js 만큼은 그냥 날 거칠게 만들어,,, 하지만 js 보다는 나은 type script지만 여전히 익숙하지 않아 syntax error,, 매일 즐겨 본다 그중 하나였던 useState의 type 지정에 대한 글이다. 다들 고수니깐, 코드로 나갑니다. useState([]); useState(false..

develop 2024.03.06

Next.js App Router 다국어 지원하기 i18n next-intl

next js에서 다국어 (Internationalization)를 지원하려고 여러 라이브러리 적용하고 실패하고 실패해서 적용가능한 법을 남겨야 할 것 같아 이렇게 글을 쓴다.  우선 next-i18next 는 앱라우터를 지원하지 않는다고 한다. 지금은 잘 모르겠다.그래서 next-intl 라이브러리를 사용하여 적용하려고 했으나, 실패https://github.com/amannn/next-intl/issues/250 Turbopack support · Issue #250 · amannn/next-intlDescription Running app with turbopack causes an error: Error during SSR Rendering I use next@13.3.0 and next-intl..

develop 2024.02.03

Flutter Setting 화면 만들기 UI 코드 - Setting_UI 커스텀 하여 사용하기 switch

지난 글에서 라이브러리로 Setting 화면 빌드하는 방법에 대해 포스팅 했었다. 2023.08.24 - [develop/Flutter] - Flutter Setting 화면 만들기 UI 코드 - settings_ui Flutter Setting 화면 만들기 UI 코드 - settings_ui 앱을 만들면 80% 이상은 설정화면이 필요한 것 같습니다. 늘 직접 코딩해서 사용하다, 이번에는 너무 귀찮기도 하고 시간도 없어 라이브러리를 사용하기로 했습니다. 그래서 원하는대로 나올지 devfart.tistory.com 글 말미에 커스텀 이야기를 했는데, 역시 세상에는 똑똑한 개발자가 많다. 보통 다른 뷰와 비슷하게 빌드하려면 배경색상만 변경하면 비슷해지는 것 같다. 라이브러리에서는 배경 색상을 변경할 수 있는..

develop/Flutter 2023.08.25