전체 글 96

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

C#과 Java의 특징과 차이점을 알아보자

개발을 학원에서부터 처음 배워 개발의 참맛을 깨닫고 회사를 다니며 학위를 준비 했습니다. 그러면서 언어들이 다 비슷비슷하지만 특징이 다른걸 알게 되었습니다. 오늘은 언어의 기본 중 기본인 C#과 Java에 대해 알게 된 사실을 정리 해보겠습니다. C#과 Java는 모두 객체지향적 언어입니다. 하지만 두 언어는 서로 다른 특징과 장단점을 가지고 있으며, 개발자의 목적과 환경에 따라 적합한 언어를 선택하는 것이 중요합니다. 그렇다면 C#과 Java의 특징과 차이점은 무엇일까요? C# C#은 Microsoft에서 개발한 .NET Framework와 함께 동작하는 언어입니다. C#은 C++과 VB의 특징을 조합하고, Java의 강점까지 포함한 언어로, 간단하고 강력하며 컴포넌트 기반의 언어입니다. C#은 Vis..

develop 2023.08.18

Flutter TTS Text to Speech 음성합성 글자 소리내서 읽기

글을 기계가 읽어주는 걸 TTS라고 합니다. 네이버 클로바에서 많이 볼 수 있습니다 라이브러리를 사용해서 TTS를 구현하고자 합니다. POPULARITY가 99%입니다. https://pub.dev/packages/flutter_tts flutter_tts | Flutter Package A flutter plugin for Text to Speech. This plugin is supported on iOS, Android, Web, & macOS. pub.dev 패키지 적용 flutter pub add flutter_tts 안드로이드는 21이상에서 작동하고 맥은 10.15 이상에서 작동하니 Readme를 읽어보시기 바랍니다. minSdkVersion 를 전체 검색 또는 빌드그래들에서 수정하시면 됩니다..

develop/Flutter 2023.08.15

Flutter Tts 사일런트 모드일때 사운드 재생 안됨 해결하기 iOS AudioCategory 구분하기

tts 기능을 개발하고 실기기에 물려서 테스트할 때는 잘 되더니 테스트플라이트에 올려서 확인하니 tts가 안나와서 당황스러웠습니다. 그래서 사운드를 키우고 시도했는데 안돼서 버그인가 했는데요 무음 모드 해둔걸 깜빡하고 테스트를 했습니다. 어찌 되었든 TTS는 뮤트라 해도 재생이 되어야 하는데 싶어 버그 잡기를 나섰습니다. 무음모드 = 사일러트 = 뮤트 = mute mode = silent mode 문제해결하기 우선 구글링부터 했습니다. iOS개발을 할 때 부터 사운드는 진짜 다루기 까다롭더군요 변수가 많아 그런 것 같습니다. 각설하고 iOS에는 AudioCategory가 있습니다. 이건 무음모드일때 작동을 할 건지 백그라운드의 다른 소리와 섞이게 할 건지 백그라운드 소리를 중단 할건지와 같은 여러 선택지..

develop/Flutter 2023.08.15

구글 서치콘솔 워드프레스 등록하기 Search Console 사이트맵 찾기 플러그인으로 간단하게

워드프레스의 서치콘솔 등록은 매우 간단합니다. 하지만 일단 이 글을 다 읽고 결정하시기를 바랍니다.! 더 간단한 방법이 있기 때문입니다. 우선 서치콘솔에 접속합니다. https://search.google.com/search-console/ Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 사이트 등록하기 속성 추가를 클릭합니다. 워드프레스는 티스토리와 다르게 URL 접두어가 아닌 '도메인'으로 연결 할 수 있습니다. SiteMap 등록하기 /sitemap.xml 을 등록해야 합니다. 사이트맵을 찾는 방법 워드프..

기타 2023.08.14

VSCode MARK 하이라이팅 하기 키워드 커스텀 Keyword [Xcode 처럼]

마켓플레이스에서는 TODO 하이라이트 해주는 익스텐션이 많이 있다. 하지만 iOS 개발할 때 유용하게 사용했던 - MARK 에는 하이라이팅이 안되어서 찾아봤는데 마음에 드는 걸 못 찾았다. 그중 TODO Highlight 익스텐션을 이미 사용하고 있었다. 구글 링 중에 괜찮은 방법을 찾았다. 우선 익스텐션에서 확장설정 확장 설정에 보면 keywords 가 있고 settings.json에서 편집 버튼이 있는데 클릭하면 위하면처럼 todohighlight.keywords 키 값이 있는데 미리 Mark 를 추가했다. 이렇게 되면 보는 것 처럼 노란색으로 하이라이팅 된다. 색상을 바꾸고 싶으면 어떻게 해야 할까 "todohighlight.keywords": [ "DEBUG:", // 기본색상적용 { "text"..

develop/Flutter 2023.08.09