Develop 162

[Flutter 플러터] IOS 안드로이드 앱 아이콘 이름 변경하기

안드로이드 앱이름 변경[android > app > src > main > AndroidManifest.xml] 파일에서 application -> android:label 을 찾아 이름을 변경해 주면 됩니다. 안드로이드 앱아이콘 변경[android > app > src > main > res] 폴더로 이동해서 mipmap 으로 시작하는 폴더를 교체해 주면 됩니다. IOS 앱이름 변경[ios > Runner > info.plist] 파일에서 CFBundleDisplayName 을 찾아 이름을 변경해 주면 됩니다. IOS 앱아이콘 변경[ios > Runner  > Assets.xcassets > Application.appiconset] 폴더로 이동해서 아이콘을 교체해 주면 됩니다. 앱아이콘 제작 하기저는..

Develop/Flutter 2024.08.22

[Flutter 플러터] 아이폰(IOS) 핸드폰에 설치하고 실행하기

▶ 아이폰과 개발 맥장비를 유선으로 연결 합니다.  아이폰의 [신뢰] 를 클릭하면 맥장비의 Finder 에서 내 아이폰을 확인 할 수 있습니다.맥장비 Finder 에서도 내 아이폰을 클릭 하면 신뢰 여부를 묻고 [신뢰]를 클릭 합니다.  그러면 백업 암호화를 묻는 경고창이 나오고 암호화 여부를 선택하면 됩니다.여기선 그냥 [백업암호화] 를 선택하고 넘어 갑니다.  ▶ 콘솔창에서 프로젝트 폴더로 이동 후 Xcode 실행 명령어를 실행 합니다.open ios/Runner.xcworkspace  Xcode 가 실행되고 상단 콤보박스를 실행하면 선택가능한 디바이스정보가 나오고 나의 핸드폰도 목록에 나오게 됩니다.내 핸드폰을 선택하고 실행 버튼을 클릭 합니다.   그러면 에러가 발생 합니다. 계정을 등록해야 한다..

Develop/Flutter 2024.08.18

[Flutter 플러터] FirebaseAuth 로그인 상태 확인해서 StreamBuilder 로 화면 분리하기

메인화면 진입 시 로그인 여부에 따라 화면을 구분해야할 때 간단하게 StreamBuilder 사용하기FirebaseAuth.instance.authStateChanges() 값의 존재 여부에 따라 페이지를 구분하면 됩니다.계속 파이어베이스의 인증여부를 듣고 있는 상태기 때문에 로그아웃을 실행하면 자동으로 화면이 전환 될 겁니다. @override Widget build(BuildContext context) { return Scaffold( body: StreamBuilder( stream: FirebaseAuth.instance.authStateChanges(), builder: (context, snapshot) { // 사용자 로그인 상태 ..

Develop/Flutter 2024.08.15

javascript 함수 return false 로 종료가 되지 않고 계속 진행될때

등록 함수를 코딩할 때 유효성 체크를 하기 위해 화면에 입력된 값을 체크하는 경우 자주 발생할 수 있습니다.함수내에 jquery 의 each() 함수가 있을 경우 return false 를 올바르게 사용해야 합니다. 잘못된 예아래와 같은 예제 소스가 있다고 가정할 때 유효성 체크하는 함수 내에 each 로 수량 체크를 하고 있습니다. 이때 each 내에 있는 return false 는 each 를 중단하는 break 역활을 할 뿐이고 함수를 멈추는 것은 아닙니다. // 등록 function fn_promInfrSave(){ // 유효성 체크 if (!fn_validation("promInfrSave")){ return false; } } // 유효성 체크 function fn_validat..

Develop 2024.08.12

Flutter 플러터 긴글 내용 접고 펼치기, expandable_text 간단 라이브러리

인스타그램을 보면 긴 게시글 내용을 접고 펼치고 할 수 있는 이벤트를 간단하게 expandable_text 라이브러리를 통해 구현할 수 있습니다. ▶ 설치 flutter pub add expandable_text텍스트를 탭하면 텍스트가 확장되거나 축소됩니다( expandOnTextTap, collapseOnTextTap)축소된 텍스트의 보이는 줄 수를 구성합니다( maxLines)선택적 접두사 텍스트 스타일 및 탭 콜백( prefixText, prefixStyle, onPrefixTap)접힌 텍스트를 확장하기 위한 링크 ( expandText)확장된 텍스트를 축소하기 위한 선택 링크 ( collapseText)링크의 스타일을 구성합니다 ( linkStyle/ linkColor)ExpandableText(..

Develop/Flutter 2024.08.11

Flutter 플러터 TextField 여러줄 입력 가능, border 보이지 않게 하기

maxLines 를 null 옵션으로 여러줄 입력을 가능하게 할 수 있다.TextField 의 border 를 보이지 않게 하려면 borderfocusedBorderenabledBordererrorBorderdisabledBorder옵션을 모두 InputBorder.none 로 설정해 주면 된다.TextField( maxLines: null, decoration: InputDecoration( border: InputBorder.none, focusedBorder: InputBorder.none, enabledBorder: InputBorder.none, errorBorder: InputBorder.none, disabledBorder: InputBorde..

Develop/Flutter 2024.08.11