평생 공부만 해야할듯

Apple 개발중 인증서가 필요한 상황과 자주 맞닥뜨리게 됩니다.

다양한 기능을 추가하거나 연동할 때 필요한 부분이니 자주 사용하게 되는데요.

쉽고 간략하게 키체인 인증서를 생성해 보도록 하겠습니다.

Launchpad 프로그램을 실행하여 기타 폴더에 들어가보면 있습니다.

키체인 접근 프로그램을 실행하고 상단메뉴로 가면 '키체인 접근' 항목이 보여집니다.

해당 메뉴에서 인증서 지원 -> 인증 기관에서 인증서 요청... 메뉴를 클릭합니다.

사용자 이메일을 작성해주고 '디스크에 저장됨' 항목을 선택 후 계속 버튼을 클릭합니다.

보관하고 싶은 폴더를 생성하여 저장합니다.

기본적으로 CertificateSigningRequest.certSigningRequest 파일명이 지정되어 있지만 파일명을 변경해서 저장해도 상관없습니다.

아래 파일처럼 생성이 끝입니다.

다운받아진 파일을 잘 보관하여 다양하게 활용할 수 있습니다.

MacPro 2012 를 구매하고 모니터도 좋은걸로 바꿔줬습니다.

한쪽은 4k를 지원하지만 28인치, 한쪽은 WQHD를 지원하지만 32인치입니다.

32인치가 보기 편해서 주 모니터를 사용하려는데 계속 4k모니터 해상도도 낮은데 이게 주 모니터로 설정되더군요.

프로그램을 실행하면 주 모니터 기준으로 열리기 때문에 상당히 불편했습니다.

케이블도 바꿔보고 이것저것 시도해봤지만 바보같은 짓 이었습니다 ㅎ

간단하게 주로 사용하고 싶은 모니터를 설정 해보도록 하겠습니다.

좌측 상단에 애플 로고를 클릭합니다.

아래 메뉴가 보여지는데 '시스템 환경설정...' 메뉴로 진입합니다.

시스템 환경설정 메뉴들이 보이는데 모니터 설정이 있는 '디스플레이' 메뉴로 진입합니다.

4개의 탭이 있는데 '정렬' 탭으로 들어가면 현재 연결되어있는 모니터의 위치가 보여집니다.

박스를 이동해서 좌우를 변경할 수 있고, 모니터를 미러링해 동일한 화면이 보이도록 설정도 가능합니다.

그리고 박스안에 보여지는 흰색 테두리가 중요한 녀석입니다.

저 흰색 박스를 마우스로 끌어다 원하는 박스에 넣으면 해당 모니터가 주 모니터가 됩니다.

이렇게 간단한 설정으로 주 모니터를 지정할 수 있습니다.

iOS 에서 NavigationViewController 를 사용하면 다양한 옵션들이 있습니다.

기본 옵션이지만 상당히 부드럽고 깔끔하죠.

Flutter로 개발을 하는 이유는 Android에도 iOS처럼 부드러운 애니메이션 작업이 가능하다는 겁니다.

iOS스러운 앱을 만들기 위해 작은 예제를 정리하도록 하겠습니다.

첫번째로는 iOS 에서 지원하는 LargeTitle NavigationBar 기능을 Flutter로 구현해 보겠습니다.

하나의 StatelessWidget 클래스를 상속하는 Page 클래스를 만들어 줍니다.

Scaffold를 리턴해줘야 흰색 배경이 나옵니다.

class ExmaplePage extends StatelessWidget {
	@override
	Widget build(BuildContext context) {
  		return Scaffold();
  	}
}

Scaffold의 속성중 body에 NestedScrollView를 넣어줍니다.

NestedScrollView 속성에는 headerSliverBuilder가 있는데 이부분에서 CupertinoSliverNavigationBar 위젯을 사용하면 됩니다.

NestedScrollView를 감싼다음 body에는 기존에 사용하던 코드를 넣어주면 iOS처럼 멋진 디자인이 보여집니다.

class ExamplePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: NestedScrollView(
        headerSliverBuilder: (context, innerBoxIsScrolled) {
          return [
            CupertinoSliverNavigationBar(
              largeTitle: Text('Example'),
            ),
          ];
        },
        body: Center(
          child: Text("ExamplePage"),
        ),
      ),
    );
  }
}

NestedScrollView 또한 physics 속성이 있으니 BouncingScrollPhysics()코드를 넣어 효과를 넣을수도 있습니다.

이렇게 기존 iOS 네이티브 디자인을 Flutter코드로 작성해보았습니다.