대학교 다닐 때 강의에서 들었던 기억으로는, (대부분 c언어) 정적 변수는 컴파일 타임에 초기화 된다는 기억이 갑자기 생각이 났다.

그런데 어떻게 런타임에 초기화가 가능한 값이 대입이 가능한가.. 해서 검색을 해 보았더니, dart공식 문서에는 동적초기화가 된다고 써 있네요.. ?.? (런타임에, 정적 변수가 사용되는 시점에 초기화)

내 기억이 잘못됬나.. 해서 c언어 기준으로 다시 구글링 시작..

어떠한 블로그에서 c코드를 디스어셈블리 하여 분석한 글을 보았다. (참조 : - )

해당 글에 따르면,, 컴파일 타임에 초기화 가능한 값들은 컴파일 타임에, 컴파일 타임에 불가능한 값들은 dart와 마찬가지로 동적초기화가 된다고 한다!! (그 기능/불가능 은 어떻게 판단되는거지..? 기준이 뭔지는 잘 모르겠다)

여튼.. 나도 따라서 해 보며 공부!!

알게 된 것.

• data 영역에 bss라는 영역이 따로 나뉘어진다.
• bss영역은 zerofill(값 0으로 초기화되어 변수가 있다는것만 알려주는 적은 메모리를 차지하는 영역)

그런데.. 디스어셈블리된 코드를 보니 DATA,common DATA,bss

이렇게 두 개가 나오는데.. data 영역이 data, bss 로 나뉘는게 아니라

common , bss 로 나뉘는 듯 하다!

그래서 val4,5는 bss영역에 잘 들어가는 듯 하고..

Q1

근데 val6 는 common영역인듯 한데 zerofill ...?

Conclusion

• 언어마다 정적 변수에 값타임이 들어가도 초기화 시점은 컴파일타임이 아닐 수 있는 것 같다. (:=언어마다 다르다)
• 아직 잘 모르겠다.. 헷

Androind 프로젝트를 열어서!

상태표시줄(mac) Build => Generate Signed Bundle / APK ... 

를 눌러서 키스토어를 만들어야 한다.

이후 진행하면서.. 자동등록?(우측아래) 이 아마 뜨나..? 나는 스킵했는지 모르겠지만, 만약 스킵했을 경우에는

app/build.gradle 에서 buildTypes 위에 signingConfigs 를 추가하고, 아까 설정했던 인증 키스토어를 왼쪽 키 [ keyAlias, keyPassword, storeFile, storePassword] 에 맞게 우측에 "~" 문자열로 하드코딩하면 된다.

위 사진처럼 편하게 하려면(보안을 위해, 배포때마다 하드코딩하고 지웠다 깃 푸시하지 말고) app/(요기) 에 키스토어를 복사한 다음, android root위치에 key.properties 파일을 만들고 다음을 입력. key.properties에는 하드코딩 해야함. 대신!!

키스토어 파일, ket.properties 이 두 파일은 반드시 git ignore!!

이제, bundle 파일로 잘 말아진다 ㅎㅎ

• 개발자 다보님의 Velog 를 따라서.. - ( 출처: https://velog.io/@adbr/context-%EC%97%86%EB%8A%94-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-%ED%99%94%EB%A9%B4-%ED%98%B8%EC%B6%9C )

글로벌키-네비게이션 스테이트를 만들고, ( 이렇게 클래스로 만들어줘야해!! 이유는 아래 ㅎ )

MaterialApp의 navigatorKey에 등록!

그러면 이제,

GlobalState.navigatorState.currentContext

로 컨텍스트를 넘겨받지 않아도 컨텍스트를 쓸 수 있게된다!

그런데 여기서 잠깐..! 프로바이더를 사용하려면 컨텍스트가 필요한데, 요걸 쓰면 GetX처럼 쓸 수 있지 않을까..? 라는 생각에 일단 해 보았다!

static getter로 만들어주기!

!! 주의 !!

• 위에 글로벌 키를 class로 만들어야, 위와같이 Provider안에 저렇게 쓸 수 있다(static을 위하여..!) (const로는 안되서..)

그럼 이제, 이렇게 쓸 수 이따!! ㅎㅎ

initialCameraPosition

      initialCameraPosition: CameraPosition(target: centerLatLng, zoom: 1.0) //지도 생성직후의 카메라 위치.

지도 생성 직후에 카메라가 위치하는 곳이다.

LatLngBounds

    controller.animateCamera(
      CameraUpdate.newLatLngBounds(
        bounds,
         32.0,
      ),
    );

여기서 bounds 는 LatLngBounds이다. 값으로는 북동좌표와 남서좌표를 가진다. 위 두 좌표를 통하여 사각형을 그리고 googleMap이 사각형에 딱 맞도록 움직인다.

여기서 발견한 추가 팁?!

marker.addAll([
            for (int index = 0; index < widget.snapshot.data.stopPlaces.length; index++)
              Marker(
                  ~~~
                  )
          ]);

addAll 은 인자값으로 주어진 리스트를 전부 추가하는데, 리스트 안에 for문 작성이 가능하다..!

끗

위 코드로 인한 구글맵은 생성된 후 initailCamera위치에서 시작해서 bounds로 설정된 카메라 크기만큼 확대된다.

그 다음 AVD Manager: The emulator process for AVD was killed. 떠서, https://stackoverflow.com/questions/65548240/avd-manager-the-emulator-process-for-avd-was-killed-android-studio-4-1-3-and-m 이거 시도했지만 실패,

했지만, 감지가 되지 않는다.

특정페이지로 돌아가기

  Navigator.push<void>(
    context,
    MaterialPageRoute<void>(
      builder: (BuildContext context) => const MyPage(),
      settings: RouteSettings(name: 'my_name')
    ),
  );

push할 때 위와 같이 push를 하면,

Navigator.popUntil(context, ModalRoute.withName('my_name'));

해당 route까지 untilPop을 할 수 있다..!!

리스너는 비동기 기능을 실행할 때 활용하는 기법일 뿐 특별한 객체거나 다른 형식을 갖지 않는다. 플러터 라이브러리에서 리스너, 변경 알림(changeNotifier), 스트림(stream) 등의 용어를 자주 접하게 된다. 이들은 모두 옵저버블(observable)이라는 같은 종류의 프로그래밍 컨셉을 구현한다.

리스너의 역할을 고려할 때 이는 '옵저버블'생태계에서 적절한 이름이다. 보통 어떤 이벤트가 발생했을 때 실행되는 함수를 리스너라 부른다. 이 함수는 누군가가 '리스너 님이 실행될 차례에요' 라고 말하기를 기다린다.

사용자가 탭을 바꾸면 TabController의 addListener함수가 호출된다. 이를 이용해 사용자가 탭을 바꾸면 값이나 상태를 갱신할 수 있다.

FlutterInAction 中

Tabcontroller.indexIsChanging

if(Tabcontroller.indexIsChanging) return;

애니메이션(Tab이 변환되는) 중간에 새 이벤트가 발생하는 것을 방지한다.

<img src="https://images.velog.io/images/post/99bd5126-8640-497c-ad81-0dd2738b50ad/image.png" width="30%" height="30>

• ValueKey<T>: 상수를 갖는 객체에 키를 추가할 때 사용한다.
• UniqueKey: 컬렉션에 자식이 있고 이들이 만들어지기 전 까지 자식의 값을 모르는 상황에서 사용한다.
• ObjectKey: 같은 형식의 객체지만 프로퍼티 값이 다른 여러 객체가 있을 때 ObjectKey를 사용한다. product라는 전자상거래 앱이 있다고 가정하자. 두 제품의 이름이 같을 수 있다(두 판매자가 같은 이름의 상품을 파는 상황). 그리고 한 판매자가 여러 제품을 판다면 제품명과 판매자명을 조합해 특정 제품을 식별할 수 있다. 즉 ObjectKey로 전달하는 literal객체가 키다.

  Key key = ObjectKey({
    "seller": peoduct.seller,
    "product": product.title,
  })

• PageStrorageKey: 스크롤 위치 등 페이지 정보를 저장하는 특수 키이다. ㄴ> 책 'flutter in Action' 中

왼쪽 화살표에 나와 있는 것 처럼 ValueKey를 사용하면 색이 변하지 않지만, UniqueKey() 를 위와 같이 사용한다면, ListTile중 하나를 제거하면, 색상이 중구난방으로 바뀐다.

그래도 UniqueKey를 사용하려면 해당 ListView 가 포함된 Build보다 상위트리(또는 그 클래스?) 에서 UniqueKey를 ListView갯수만큼 만들어서 하나씩 할당해주면 됨.

그래서..

결론

UniqueKey는 Build전에 생성해놓고 사용해줘야 색이 안바뀜. ValueKey는 그냥 위젯에다 적어놓으면 됨.

Invalid argument (string): Contains invalid characters. 문구와 함께, 웹뷰에 있는 스크립트 코드 전체가 에러내용으로 포함되어 나왔다.

처음에는, SDK에서 잡아주지 못하는 줄 알고.. 그렇게만 믿고 방황하다가. string, characters 단어에 갑자기 눈이 가서 위 문장 그대로 구글링하니 원인을 찾게 되었다.. ㅜ

이유는, 스크립트에 한글이 포함되었기 때문.!

해결방법

    Uri.dataFromString( 
    [#스크립트#], 
    mimeType: 'text/html',
    encoding: Encoding.getByName('utf-8'), <-------------요기 !!!!
    ).toString();

encoding: Encoding.getByName('utf-8') 을 추가해주면 된다.! Encoding은 dart:convert 를 import해주면 된다.

pubspec.lock 파일은 yaml파일을 pub.get 해야 변경되는데, 위 경로에서 yaml파일 pub.get은 반응이 없다. 그래서, 해당 폴더 루트에 들어가서 커맨드로 실행함.

.lock 과 .pakeges, .flutter_plugins 등의 파일이 생성됨.

해당 폴더나, 그 아래 다른 패키지폴더에서도 pub get을 해주지 않아도 실행은 잘 되었음.. 뭐지?

여러가지 기능을 추가하려다 보니, yaml파일이 복잡하게 많아 진다. 따라서 각각의 기능들이 패키지 로 관리되도록.

명령어로

flutter create —template=package [packageName]

해도 되지만, 그냥 직접 폴더생성, 파일생성으로 만드는게 더 간단하다고 해서 직접 생성해서 만들었다.

pubspec 파일들은 그냥 일반앱을 복사해서 쓰면 된다고 한다.!

#질문

pubspec.lock 파일은 yaml파일을 pub.get 해야 변경되는데, 위 경로에서 yaml파일 pub.get은 반응이 없다. 그래서, 해당 폴더 루트에 들어가서 커맨드로 실행함.

.lock 과 .pakeges, .flutter_plugins 등의 파일이 생성됨.

해당 폴더나, 그 아래 다른 패키지폴더에서도 pub get을 해주지 않아도 실행은 잘 되었음.. 뭐지?

자바스크립트를 선택적으로 사용하거나 중지할 수 있음.

JavascriptMode.unrestricted (활성화) JavascriptMode.disabled (비활성화);기본값

void Function(WebViewController)? onWebViewCreated

Flutter에서 WebView를 프로그래밍 방식으로 수정하거나 현재 표시되고 있는 URL과 같은 속성에 액세스 하기 위한 티켓. 나중에 볼 수 있도록 페이지를 즐겨찾기에 저장할 수 있는 기능 등.

gestureRecognizers

WebView가 동작에 응답하는 다른 위젯 (예: ListView) 내부에 있는 경우 앱이 동작에 응답하는 방식을 지정하려 할 때.

세로 방향의 스크롤 이벤트를 포착하려면 다음과 같이 작성할 수 있습니다.

WebView(
 initialUrl: someUrl,
 gestureRecognizers: Set()
   ..add(Factory<VerticalDragGestureRecognizer>(
     () => VerticalDragGestureRecognizer())),
)

또는 다음과 같이 다른 방식으로 작성할 수도 있습니다.

var verticalGestures = Factory<VerticalDragGestureRecognizer>(
 () => VerticalDragGestureRecognizer());
var gestureSet = Set.from([verticalGestures]);
return WebView(
 initialUrl: someUrl,
 gestureRecognizers: gestureSet,
);

• DoubleTapGestureRecognizer

  사용자가 같은 위치에서 화면을 빠르게 두 번 연속으로 탭한 경우를 인식

• MultiDragGestureRecognizer

  ImmediateMultiDragGestureRecognizer , 다중 포인터 드래그 제스쳐 인식. HorizontalMultiDragGestureRecognizer , 수평으로 시작하는 드래그만 인식. VerticalMultiDragGestureRecognizer , 수직으로 시작하는 드래그만 인식. DelayedMultiDragGestureRecognizer , 길게 누르기 제스처 후에 시작되는 드래그만 인식.

• MultiTapGestureRecognizer

  https://api.flutter.dev/flutter/gestures/MultiTapGestureRecognizer-class.html

• OneSequenceGestureRecognizer

  한 번에 하나의 제스쳐만 인식 할 수 있는 제스처인식의 기본 클래스.

  예를 들어 단일 TapGestureRecognizer는 여러 포인터가 동일한 위젯에 배치되어 있어도 동시에 발생하는 두 탭을 인식할 수 없다.

  이는, 예를 들어 각 포인터를 독립적으로 관리하고 별도의 탭에서 각 결과에 대한 여러 동시 터치를 고려할 수 있는 MultiTapGestureRecognizer와 대조된다.

• DragGestureRecognizer

  MultiDragGestureRecognizer 와 달리 DragGestureRecognizer 는 감시하는 모든 포인터에 대해 단일 제스처 시퀀스를 인식합니다. 즉, 인식기는 화면과 접촉하는 포인터 수에 관계없이 주어진 시간에 최대 하나의 드래그 시퀀스를 활성화합니다.

  DragGestureRecognizer 는 직접 사용할 수 없습니다. 대신 드래그 제스처에 대한 특정 유형을 인식하기 위해 하위 클래스 중 하나를 사용하는 것이 좋습니다.

  DragGestureRecognizer 는 null이 아닌 콜백이 하나 이상있는 경우에만 kPrimaryButton의 포인터 이벤트에서 경쟁합니다 . 콜백이없는 경우 작동하지 않습니다.

  HorizontalDragGestureRecognizer , 왼쪽 및 오른쪽 끌기 용. VerticalDragGestureRecognizer , 위아래로 끌기. PanGestureRecognizer , 단일 축에 고정되지 않은 드래그 용.

• EagerGestureRecognizer

  일반적으로 뷰 경계 내의 모든 터치 이벤트를 내장 된 Android 뷰로 즉시 전달하기 위해 AndroidView.gestureRecognizers 에 전달.

  • ForcePressGestureRecognizer

  압력에 의한 터치 https://api.flutter.dev/flutter/gestures/ForcePressGestureRecognizer-class.html

• PrimaryPointerGestureRecognizer

  제스쳐가 영역 밖으로 나갈 경우 제스쳐 중지.

• ScaleGestureRecognizer

  화면과 접촉하는 포인터를 추적하고 초점, 표시된 배율 및 회전을 계산

#참조

https://developers-kr.googleblog.com/2019/05/the-power-of-webviews-in-flutter.html

• https://pub.dev/packages/flutter_kakao_map

위 플러그인을 만져서, 원하는 형태로 만들어 보려한다.

• Error!

I/chromium( 5467): [INFO:CONSOLE(4)] "A parser-blocking, cross site (i.e. different eTLD+1) script, http://t1.daumcdn.net/mapjsapi/js/main/4.3.6/kakao.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus

이러한 경고가 여러개 발생하면서, 아무것도 뜨지 않는다!

해결방법

Android

• AndroidManifest.xml

android:usesCleartextTraffic="true" 추가.

    <application
        android:name="io.flutter.app.FlutterApplication"
        android:label="kakao_map_practice"
        android:icon="@mipmap/ic_launcher"
        android:usesCleartextTraffic="true">

IOS

• Info.plist

파일 아래부분에 추가.

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
  <key>NSAllowsArbitraryLoadsInWebContent</key>
  <true/>
</dict>

. . . . .

그래도 경고문은 계속 뜨긴 하는데.. 음

!!cross site는 신경 안써도 되는 문제.! (카카오dev 답변)

음.. 자괴감 까지는 아니다. 늦었지만 따라가야겠다는 생각. (사실 나는 word에 내 공부와 개발과정을 개인적으로 보관하고 있었지만..)

늦은 이유가 게을렀기 때문. 블로그를 작성하다 보면 블로그 때문이라도 조금 더 부지런해 질 수 있지 않을까?

열심히 해보자!