develop 52

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

Flutter Setting 화면 만들기 UI 코드 - settings_ui

앱을 만들면 80% 이상은 설정화면이 필요한 것 같습니다. 늘 직접 코딩해서 사용하다, 이번에는 너무 귀찮기도 하고 시간도 없어 라이브러리를 사용하기로 했습니다. 그래서 원하는대로 나올지는 알수 없지만 빠르고 얼추 나오면 뭐 상관없지 않을까 해서 적용기를 작성해보고자 합니다. 라이브러리는 "settings_ui"을 사용합니다. https://pub.dev/packages/settings_ui settings_ui | Flutter Package Create native settings for Flutter app in minutes. Use single interfaces to build pub.dev pub에 설치합니다. flutter pub add settings_ui dependencies: set..

develop/Flutter 2023.08.24

Flutter iOS처럼 디자인하고 동작하게 만들기 - Cupertino

iOS에서 Flutter로 넘어오면서 계속 느끼는건 이 구린 디자인이다. 사실 안드 기본 디자인이 너무 별로다 투박하고 옛날 느낌이 난다. 약 15년전 감성이랄까. 취향차이니깐 괜찮다. 그리고 우선 기본 골조만 다르게 잡으면 내부 위젯은 공유하면서 사용하면 된다. 즉 초기 분기 부분이 귀찮다. 우선 Platform을 확인 해야 한다. iOS인지 아닌지에 따라 Cupertino or Material 을 사용하면 된다. final TargetPlatform platform = Theme.of(context).platform; return platform == TargetPlatform.iOS ? CupertinoApp( debugShowCheckedModeBanner: false, home: Scaffold..

develop/Flutter 2023.08.21