Showing posts with label tips. Show all posts
Showing posts with label tips. Show all posts

Monday, October 28, 2019

Flutter 추천 packages (after_layout)

Flutter 앱에서 Dialog를 사용하는 방법

Flutter 앱을 개발하다 보면 이벤트 등의 이유로 최초에 dialog를 띄워줘야 하는 경우가 있습니다. 이 경우, 다음과 같은 방식으로 코드를 작성하게 될 것입니다:

app crash
app crash

하지만, 이런 방식으로 코드를 작성하면 오류가 발생합니다. 아마 화면이 생기기 전에 그 위에 dialog를 생성하려고 하니 문제가 발생하는 것 같습니다.

AfterLayoutMixin을 이용한 문제 해결

하지만 걱정하지 마세요! AfterLayoutMixin을 이용하면 이 문제를 해결할 수 있습니다. 먼저, AfterLayoutMixin을 사용하여 다음과 같이 클래스를 작성합니다:

class HomeScreenState extends State<HomeScreen> with AfterLayoutMixin<HomeScreen>

그 후, 다음 이미지와 같이 해당 메소드를 override 해주면 됩니다:

correct dialog usage

더 자세한 정보는 https://pub.dev/packages/after_layout에서 확인하실 수 있습니다.

Monday, October 21, 2019

VSCode에서 Dart 사용 시 한 줄 당 글자 수 조절 방법

VSCode에서 Dart 사용 시 한 줄 당 글자 수 조절 방법

Flutter 개발을 위해 VSCode에서 Dart를 사용하면서 한 줄에 80자까지만 들어가서 너무 짧게 느껴진다면 이 글이 도움이 될 것입니다. (코딩 스타일 가이드의 권장 글자 수는 80개입니다.)

Dart나 Flutter 공식 문서에서는 80글자를 권장하지만, 그 이상으로 설정하는 방법은 찾기 어렵습니다. 구글링을 해도 쉽게 나오지 않고, 여러 설정값을 바꿔봐도 적용되지 않았습니다.

하지만 페이스북 한국 Flutter 커뮤니티(링크)의 '원수연'님이 관련 설정 방법을 알려주셨습니다.

Dart 코드 한 줄 당 글자 수 조절 방법

방법은 의외로 간단합니다. 'dart.lineLength'의 값을 원하는 만큼 변경해주면 됩니다.

Friday, October 18, 2019

Flutter에서 Native Splash 화면 만들기

Flutter에서 Splash 화면 만들기: Native 설정과 Server Check 로직 추가 방법

Flutter에서 splash 화면을 만드는 방법은 크게 두 가지입니다. 하나는 splash 전용 페이지를 생성하는 것이고, 다른 하나는 native 설정을 하는 것입니다. 전자의 경우 시작 시 흰 화면이 잠깐 나타났다가 사라지므로 후자가 보다 공식적인 방법으로 여겨집니다.

특히, Flutter 프로젝트를 생성하면 안드로이드 native에 splash 이미지를 넣을 파일을 자동으로 생성해줍니다.

적용방법은 인터넷에 많이 나와있으니 여기서 참고할 수 있습니다.

이번 글에서는 native로 만든 splash에서 server check 로직과 remote config 관련 작업 방법을 설명합니다.

Splash 화면에서 서버 상태 체크 및 필요 정보 받아오기

Splash 화면에서 서버의 상태를 체크하고 필요한 정보들을 받아오는 등 앱이 시작되기 전에 필요한 작업들을 실행합니다. 그런데 Flutter에서 native 각각에 Splash 설정 후 어디서 control logic 작성해야 할 지 모르겠다 생각하셨나요?

만약 각 native에서 작업한다면 통신 모듈 설정 및 결과 통합 등의 문제가 생깁니다. 따라서 Flutter 에서 컨트롤 할 수 있는 방법으로 해결할 수 있으면 좋겠다고 생각했습니다.

Splash 화면 Control Logic 구현하기

우리의 해결책은 의외로 간단합니다.
보통 Flutter 앱을 시작할 때 아래와 같이 합니다:

Flutter 시작 코드 예시 1
Flutter 시작 코드 예시 1
Flutter 시작 코드 예시 2
Flutter 시작 코드 예시 2

여기서 runApp 전에 필요한 로직을 작성하면 됩니다.

runApp 전 필요한 로직 작성 예시
runApp 전 필요한 로직 작성 예시

이 방법으로 더욱 매력적인 스플래시 화면을 만들어보세요!

Thursday, September 26, 2019

iOS 개발 중 Error connecting to the service protocol 초간단 해결법

iOS 개발 중 발생한 서비스 프로토콜 연결 오류 해결 방법

iOS 개발 중 실제 기기에서 빌드하면서 테스트 하다가 갑자기 아래와 같은 오류가 나왔습니다:

Error connecting to the service protocol: HttpException: , uri = http://127.0.0.1:{some port}/xxxxxxxxxxx=/ws

이유는 알 수 없지만 빠르게 구글링해보고 나한테 해결책이 됐던 것을 알려주고자 합니다.

Port 점유 프로세스 종료

첫번째로 port를 점유하고 있는 프로세스를 종료하는 방법입니다. 아래와 같은 명령어로 가능합니다:

lsof -n -i4TCP:{some port} | grep LISTEN | awk '{ print $2 }' | xargs kill

USB 재연결

그래도 해결이 안된다면 연결된 USB를 뽑았다가 다시 꽂으면 해결됩니다.

뭔가 비정상 종료등으로 그러지 않았을까 예상은 해보지만 정확한 원인을 알 수 없었습니다.

Flutter CLI를 이용한 iOS 에뮬레이터 실행 방법

Flutter CLI를 이용한 iOS 에뮬레이터 실행 방법

요즘 워낙 개발 툴들이 잘 돼있지만 flutter의 경우 초반이기도 하고 가끔 cli를 사용해야 할 때가 있다.

테스트를 위해 emulator를 켜야하는데 그럴 때마다 느려터진 xcode를 실행해서 emulator를 켠다는 것은 귀찮을 수 있습니다.

그럴 때 사용할 수 있는 유용한 팁으로 iOS 기준 아래와 같은 명령어를 사용하면 됩니다:

flutter emulators --launch ios

launch 가능한 목록들을 보려면 그냥 flutter emulators라고 입력하면 어떤 emulator들이 있는지 목록이 나열됩니다.

Flutter iOS simulator launch

Flutter iOS simulator launch

Tuesday, September 24, 2019

Flutter에서 조건에 따른 위젯 보여주기

Flutter에서 조건에 따른 UI 보여주기

flutter로 화면을 만들다 보면 조건에 따라 어떤 위젯은 보여주거나 안보여줘야 할 때가 있습니다.

그럴 때 아주 간단한 방법이 있는데

flutter conditional widget

flutter conditional widget

이런 식으로 위젯 위에 if문이 사용 가능합니다. ({}와 같은 블럭은 사용되지 않습니다.)

이 외에 3항 연산자 및 for문도 위젯 트리에서 가능합니다.

Tuesday, September 3, 2019

휴대폰의 LTE가 자주 끊기거나 느릴 경우 해결법

휴대폰 LTE 연결 이슈 및 해결 방법

현재 LTE 연결이 끊기는 문제를 겪고 계시나요? 휴대폰의 LTE 연결 문제는 때때로 사용자들이 자주 경험하는 문제입니다. 이 문제의 원인과 해결 방법에 대해 알아봅시다.

LTE 연결 끊김의 원인

사용자들이 이 문제를 경험하는 가장 큰 원인 중 하나는 휴대폰 설정이 5G 우선으로 설정되어 있는 것입니다. 이로 인해 LTE 연결이 불안정해질 수 있습니다.

해결 방법

LTE 연결 문제를 해결하는 방법은 간단합니다. 휴대폰 설정에서 LTE 우선 모드로 변경해주면 됩니다. 아래는 자세한 방법입니다.

  1. 휴대폰 설정으로 이동합니다.
  2. '연결' 메뉴를 선택합니다.
  3. '모바일네트워크'를 선택합니다.
  4. '데이터 네트워크 방식'에서 LTE 우선 모드를 선택합니다.

이렇게 설정을 변경하면 LTE 연결이 끊기는 문제를 해결할 수 있습니다.

갤럭시 휴대폰 네트워크 설정

Wednesday, August 28, 2019

Flutter 개발 팁: 디바이스 화면보다 긴 화면과 키보드 가림 문제 해결하기

Flutter에서 화면 스크롤 문제 해결: SingleChildScrollView 위젯 활용

flutter로 모바일 개발을 하다보면 화면이 디바이스 길이보다 길어 질 경우가 많다. 이럴 경우 일반적으로 자동스크롤이 될 거 같지만 생각과 다르게 넘어가는 부분은 그냥 짤리게 된다. (딱 디바이스 화면 만큼만 나온다.) 키보드가 올라오는 상황에서 아래 화면들이 짤리면 스크롤 되서 볼 수 있는게 일반적이지만 flutter는 그렇지 않다.

이런 문제는 아래와 같은 방법으로 대부분 간단하게 해결 할 수 있는데 위젯 가장 상위에 SingleChildScrollView위젯을 넣어주기만 하면 된다.

SingleChildScrollView, 이름에서 유추 할 수 있듯이 하나의 자식위젯을 갖는 스크롤 위젯인데 아주 간단한 방법이지만 처음 시작하는 입장으로는 생각해내기가 쉽지 않다. 화면 스크롤이 필요한 경우에 위 위젯을 잘 활용해서 사용 하면 될 것 같다.

Friday, August 9, 2019

iOS 개발 Swift로 UI 수정 시 릴리즈와 디버그 빌드 차이 해결하기

iOS 개발: Swift로 UI 수정 시 릴리즈와 디버그 빌드 차이 해결하기

Swift로 UI를 수정하는 과정에서, 디버그 빌드와 릴리즈 빌드 사이에 UI가 다르게 나타나는 문제를 겪었습니다. 이는 동일한 코드임에도 불구하고 발생하는 문제로, 이를 해결하기 위해 여러 방법을 시도해봤습니다.

ios build settings
그림1. iOS Build Settings

문제의 원인을 찾기 위해 디버그와 릴리즈 빌드의 Compilation Mode를 비교해봤습니다. 디버그는 'Incremental'로 설정되어 있었지만, 릴리즈는 'Whole Module'로 설정되어 있었습니다. 이를 'Incremental'로 바꾸니 문제가 해결되었습니다.

이와 같은 문제로 고민하는 다른 개발자들이 있다면, 빌드 설정의 Compilation Mode를 확인해보는 것을 추천합니다.

Wednesday, July 31, 2019

adb 장애 처리 방법(adb server version (41) doesn't match this client (40); killing...)

ADB 서버 버전 문제 해결 방법

ADB를 사용하면서 다음과 같은 메세지가 발생하여 문제가 생긴다면, 이 글을 참고해보세요.

adb server version (41) doesn't match this client (40); killing...

이 문제를 해결하는 방법은 간단합니다. SDK Manager를 열고 SDK Tools 탭에서 platform-tools를 체크 해제하여 제거한 후 다시 체크하여 설치하면 됩니다.

android sdk manager
그림1. Android SDK Manager

그 후에 'adb kill-server', 'adb start-server' 명령어로 adb를 껐다 켜주면 문제가 해결됩니다.

다만, 이 방법을 사용하면 에뮬레이터들이 사라질 수 있으니 주의해야 합니다.

추가 정보는 다음 링크를 참조하세요: https://blogdeveloperspot.blogspot.com/2019/11/adb-server-version-41-doesnt-match-this.html

Thursday, July 25, 2019

터미널에서 현재 폴더를 vscode로 1초만에 바로 여는 방법

보통 VSCode의 명성을 듣고 설치해서 활용해보는 사람들이 많을 것입니다. 기본적으로 설치 후 실행 방법에 대해서는 아이콘 클릭이나 path 설정을 통한 명령어로 VSCode를 열게 될 것입니다.

VSCode 간단 설치 및 실행 방법

하지만 복잡하게 따로 path 설정을 하지 않아도 아주 간단히 1초 만에 VSCode를 설치하고 실행하는 방법이 있습니다.

VSCode quick open menu screenshot

VSCode quick open menu

'code .' 명령어로 VSCode 간편 실행하기

맥북 기준으로 F1 혹은 cmd + shift + P 키를 눌러서 위와 같은 메뉴가 나오면, 이후부터는 터미널에서 프로젝트 폴더로 이동해서 'code .'라는 명령어만으로도 간편하게 VSCode를 열 수 있습니다.

의외로 이 기능을 모르는 사람들이 많은데, 생각보다 유용하고 방법도 어렵지 않으니 한번 사용해 보길 권장합니다.

Friday, July 19, 2019

Flutter 초보자가 주의해야 할 .yml 파일 내 assets 설정 방법

Flutter 개발 중 프로젝트 폴더 안에 있는 파일(asset)을 가져와서 사용해야 할 때가 있습니다.

AssetImage 사용 전 pubspec.yaml 설정하기

대표적으로 AssetImage이 있는데, 사용하기에 앞서 pubspec.yaml 안에 assets의 주석을 풀고 하위에 해당 경로를 적용해줘야 합니다.

flutter pubspec asset 1 screenshot

flutter pubspec asset 1

flutter pubspec asset 2 screenshot

flutter pubspec asset 2

파일 찾기 문제 발생 원인: YAML Indent 규칙 미준수

하지만 이렇게 주석을 풀고 경로를 지정 했음에도 파일을 찾을 수 없다고 나오는 경우가 있습니다.

문제는 의외로 간단한데, assets의 주석을 풀면 indent(depth)가 다르기 때문입니다. YAML의 규칙은 매우 엄격한데 비교를 위해 각 주석들을 제거해보면 확실히 눈에 띕니다.

flutter pubspec asset 3 screenshot

flutter pubspec asset 3

문제 해결 방법: Indent 수정하기

위에서 볼 수 있듯, assets의 앞에 공간(space)이 하나 더 있는 것을 알 수 있습니다.

해당 공간을 지우고 사용하면 AssetImage 등에서 사용하는 경로가 제대로 되는 것을 확인할 수 있습니다.

Wednesday, July 3, 2019

G Suite 사용 중 이메일 수신 문제 해결: AWS Route53 MX Records 설정

G Suite 사용 중에 갑자기 이메일이 받아지는 문제가 발생했습니다.

문제 원인: MX Records 설정 누락

원인은 기존 사이트 도메인을 AWS Route53으로 옮겨놓고 MX records를 설정하지 않아서였습니다. 네트워크 전문가도 아니고 경험도 없는데다가 옮긴지 2~3일 후 부터 메일이 오지 않아서 원인을 찾는데 오래 걸렸습니다.

AWS Route53에서 MX Records 설정하기

AWS Route53에서 아래의 값들을 간단히 설정해주면 해결됩니다.

G Suite MX records screenshot

G Suite MX records

우선 route에서 'Create Record Set'을 선택한 뒤,

Selecting MX in AWS Route 53 screenshot

Selecting MX in AWS Route 53

MX를 선택한 후 아래와 같이 입력해주면 됩니다 (앞부분에 우선순위).

Setting MX records in AWS Route 53 screenshot

TTL 설정하기

TTL의 경우는 1시간이라는 곳도 있고 24시간이란곳도 있는데 알아서 선택하면 됩니다.

Monday, June 24, 2019

Android Studio에서 Preview용 임시 텍스트 표시하기, tools:text 속성 활용

안드로이드 개발을 할 때, 레이아웃에 글씨가 정상적으로 표현되는지 Android Studio의 Preview에서 확인하려면 android:text="테스트"와 같이 임의의 글씨를 넣어보는 경우가 많습니다. 그러나 이렇게 하면 실제 앱 개발이 완료된 후 해당하는 텍스트들을 전부 지워야 하는 번거로움이 있습니다.

Preview에서만 보여지는 임시 텍스트 사용하기

Preview에서만 확인하고 싶은 임시 텍스트를 사용할 수 있는 속성인 tools:text="테스트"가 있습니다. 기존에 android라고 적던 부분을 tools라고만 수정하면 됩니다. 이렇게 하면 Preview에서만 보여지며, 실제 앱 실행 시에는 보여지지 않습니다. 또한 hardcoreded string 경고도 사라집니다.

Android Studio Preview showing test text
Android Studio Preview without test text

Note:

XML 속성을 일일히 다 보는 사람은 없기 때문에 필요한 부분만 찾아서 학습하는 경우 자잘한 팁을 놓치기 쉽습니다(저도 마찬가지입니다.). 이런 꿀팁들을 공유함으로써 다른 사람들에게 도움이 되길 바랍니다.

Friday, May 17, 2019

Android에서 Dialog 생성하기: AppCompatActivity와 Dialog Theme의 효율적 활용

Android에서 Dialog 생성하기: AppCompatActivity와 Dialog Theme의 효율적 활용

Android 개발에서 dialog를 생성하면서 activity 간의 데이터 전달이나 다른 복잡한 과정에 직면했던 적이 있나요? 이런 문제들을 해결하는 간단하고 효율적인 방법을 소개합니다. 바로, manifests 파일에 정의된 activity의 theme를 dialog theme로 변경하는 것입니다.

dialog theme 예시
Dialog Theme 예시

주의사항: AppCompat과 호환성

다만, app theme가 AppCompat을 사용 중일 경우, AppCompat 하위의 Dialog 테마만 지정 가능하다는 점을 유념해야 합니다.

Customizing Your Dialogs

더 나아가, 해당 dialog를 커스텀 하고 싶다면 res/values 하위의 styles.xml에서 추가 테마를 지정할 수도 있습니다.

custom dialog 예시
Custom Dialog 예시

최종 단계: Activity에 Theme 적용하기

Theme.AppCompat.Dialog를 상속받은 dialog theme를 만든 후 위에서 정리한 대로 activity에 해당 테마를 지정하면 됩니다.
이제 다이얼로그를 띄울 때 그냥 해당 startActivity 함수 호출만으로 가능합니다.
데이터 교환 역시 기존처럼 startActivityForResult 함수 활용하여 쉽게 할 수 있습니다.
기존 activity처럼 모든 기능과 화면, 데이터 통신 등을 다양하게 활용하면서 UI는 dialog처럼 보여 줄 수 있어 매우 편리합니다.

Wednesday, May 8, 2019

웹 개발 중 발생한 싱글 쿼트(')와 아포스트로피(`) 관련 오류 해결 과정

웹 개발 중 발생한 싱글 쿼트와 아포스트로피 관련 오류 해결 과정

웹 개발 과정에서 동일한 코드가 다른 컴퓨터에서는 정상 작동하지 않는 문제를 경험하였습니다. 분석이 가능할 정도로 짧은 코드였지만, 컴퓨터마다 작동하는 방식에 차이가 있었습니다.

원인을 찾기 위해 노력하던 중, 코드의 한 속성 값이 싱글 쿼트(single quote, ') 대신 아포스트로피(apostrophe, )로 묶여 있는 것을 발견하였습니다. (예: 'aa'‘aa') 이는 파일 이동 과정에서 자동 치환된 것으로 보입니다.

현재 문제의 복잡성은 아포스트로피를 싱글 쿼트로 변경하면 오류가 발생한다는 점에 있었습니다. 일반적으로 이와 반대의 경우에 오류가 발생해야 합니다.

인터넷 검색 결과 일부 소스에서는 아포스트로피와 싱글 쿼트를 동일한 문자로 처리하는 경우가 있었습니다. ASCII 코드에서도 두 문자는 동일하게 처리되지만 유니코드에서는 다르게 처리합니다(유니코드 아포스트로피 참조).

그러던 중, 문서 에디터에 따라 캐릭터셋이 다를 수 있다는 생각이 들어 모든 컴퓨터의 캐릭터셋을 UTF-8로 맞추었습니다. 이로 인해 오류가 해결되었지만, 특정 속성만 아포스트로피로 동작한 원인은 아직 불명확합니다.

Tuesday, April 16, 2019

MacOS에서 bash_profile 환경 변수 설정 후 재부팅 시 초기화 문제 해결

MacOS에서 bash_profile 환경 변수 설정 후 재부팅 시 적용 안 되는 문제 해결하기

Mac OS의 터미널에서 환경 변수를 설정하기 위해 path를 bash_profile에 작성하고, source 명령어로 불러온 후 실행하면 잘 작동합니다. 하지만 새로운 터미널을 열거나 로그아웃 혹은 재부팅을 하면 설정이 계속 적용되지 않는 문제가 발생할 수 있습니다.

일정 시간 동안 path가 포함된 명령어로 작업을 하는 데 불편함을 겪다가, zsh를 사용하고 있다는 사실이 떠올랐습니다. 'zsh 환경변수 설정'으로 검색해보니 같은 문제를 겪고 있는 다른 사용자들의 해결책이 여러 가지 있었습니다.

환경 변수 설정 문제의 해결법

간단한 해결법은 zsh 등을 사용하는 경우(예: oh-my-zsh), 환경변수를 '~/.zshrc' 파일에 설정해주면 됩니다. (ex, export PATH=${PATH}:/Users/{any}/{any_folder})

만약 패스 설정이 제대로 작동하지 않는다면 이 부분을 체크해 보는 것이 좋습니다.

Friday, April 12, 2019

Android Studio에서 코드 작성 시 자동 포맷팅 설정하기

Android Studio에서 자동 포맷팅 조정하기

Android Studio에서 코드 작성 시 자주 활용되는 기능 중 하나인 자동 포맷팅에 대해 알아보겠습니다. 때때로 이 기능은 우리가 원하지 않는 스타일로 코드 변환을 일으킬 수 있습니다.

코드 개행 문제

자동 포맷팅으로 인한 문제 중 하나는 바로 코드 개행입니다. 기본 설정값이 너무 작아서 의도치 않은 많은 개행이 발생할 수 있습니다.

개행 수 조절 방법

Preference > Editor > Code Style > Wrapping and Braces > Hard wrap at 경로에서 숫자 값을 변경함으로써 원하는 개행 수를 지정할 수 있습니다.

언어별로 다른 스타일 설정하기

아래 이미지와 같이, Android Studio에서는 언어별로 다른 스타일을 설정하는 것도 가능합니다.

Thursday, April 11, 2019

Flutter 유용한 패키지 추천 - BLOC

Flutter 디자인 패턴: Scoped Model과 BLoC

Flutter에서 가장 일반적으로 사용되는 디자인 패턴은 크게 두 가지, 'Scoped Model'과 'BLoC'입니다. Flutter를 처음 접하는 사람들이 이 두 패턴 중 어느 것을 선택해야 할지 고민할 수 있습니다. 특히 BLoC은 다루기 어렵다는 인상을 줄 수 있지만, 실제로는 매우 강력한 도구입니다.

BLoC: Flutter의 강력한 도구

BLoC은 복잡성을 해결하는 좋은 라이브러리로, Flutter 개발에 활용할 수 있습니다. 이를 사용하면 복잡한 코드 구조를 단순화하고 코드의 재사용성을 높일 수 있습니다.

Flutter에서 BLoC 사용하기

Flutter에서 BLoC를 사용하려면 'flutter_bloc'라이브러리를 추가해야 합니다. 이는 pubspec.yaml 파일에 다음과 같이 추가할 수 있습니다:

dependencies:
  flutter_bloc: ^0.9.1

BLoC 예제 및 설명

'flutter_bloc'라이브러리의 Github 페이지에는 많은 예제와 설명이 제공됩니다. 하지만 간단히 요약하면, state와 event를 만든 후 bloc을 생성합니다. 그런 다음 view(화면)에서 bloc에 event를 전달하여 state를 받아오는 구조입니다.

'stream builder', 'future builder' 등 복잡한 요소 없이 화면에서 BlocBuilder로 화면을 생성하고 bloc 객체만 넣어주면 됩니다.

Sunday, April 7, 2019

카카오 미니 와이파이 연결 문제 간단하게 해결하는 방법

카카오 미니와 와이파이 연결 문제 해결법

작년에 카카오 미니를 구입하여 잘 사용하던 중, 와이파이 연결 문제가 발생했습니다. 이 글은 그 문제를 어떻게 해결했는지 공유하는 내용입니다.

문제 상황: 카카오 미니가 와이파이를 검색하지 못함

왜인지 모르겠지만, 다른 와이파이들은 잘 검색되는 반면, 우리집의 와이파이만 검색되지 않았습니다. 공유기를 재부팅하거나 비밀번호 방식을 바꿔봐도 아무런 변화가 없었습니다.

문의 결과와 해결 방법: 와이파이 채널 변경

혼란스러운 상황에서 카카오 측에 문의해보니, "와이파이 채널을 11 이하로 설정해보세요"라는 답변을 받았습니다. '공유기 채널 설정'을 인터넷에 검색하면 다양한 정보와 가이드를 찾아볼 수 있습니다.

공유기 채널 개념과 카카오 미니의 한계점

채널 설정은 공유기 간의 간섭을 최소화하기 위해 특정 주파수를 선택하는 것입니다(물론 허용 가능 범위 안에서). 하지만 11번째 채널 이상은 카카오 미니가 인식하지 못하는 한계점을 가진다는 것을 알게 되었습니다.

Iptime 공유기 기준 설정 방법

Iptime공유기 기준으로 설명드리자면, 192.168.0.1로 접속한 후 로그인합니다. 그리고 '무선통신 설정' 메뉴에서 채널을 확인하니 13으로 설정되어 있었습니다. 이를 1로 변경해주었습니다.

문제 해결 후 상황: 카카오 미니와 와이파이 연결 성공

채널 변경 후 다시 와이파이 검색을 하니, 이전처럼 잘 검색되어 현재는 문제 없이 사용 중입니다. 카카오 미니와 와이파이 연결에 문제를 겪고 계신 분들은 참고하여 시도해보시기 바랍니다.