남자의 옷장 어플리케이션 개발기 #5

1.

어플리케이션을약 30%가량 개발했을 무렵, 코드를 처음부터 다시 짜기 시작했다.

어플리케이션을 Story Board 기반으로 완전 갈아 엎었기 때문이다.

가장 큰 이유는 Auto Layout 때문.

iOS 7에서의 큰 변화 중 하나가 Auto Layout 관련한 부분인데, 이것은 코드상에서 조작하는 것보다 Story Board에서 작업하는 것이 훨씬 더 쉽기 때문이다.

처음에는 iPhone 가로모드를 지원할 생각으로 이렇게 바꿨지만 애플에서 의도한 것인지 처음 프로젝트를 생성하면 초기값은 iPhone은 가로모드를 지원하지 않도록 설정된 상태가 된다. 그러고 보니 페이스북을 비롯한 많은 어플리케이션들이 가로 모드를 지원하지 않는다.

나는 누워서 핸드폰을 보는 일이 많은데 사실 게임을 제외하고는 가로모드를 쓸 일이 거의 없다. 오히려 쓸데 없이 가로모드를 지원해서 화면이 돌아가 버리면 그게 더 귀찮은 경우가 많다.

그래서 아이폰에서는 가로모드를 지원하지 않기로 결정했다. 하지만 아이패드는 필수적으로 가로모드를 지원해야 한다. 이 경우 Auto Layout을 잘 사용해줘야 한다.

2.

네이버 뮤직앱에서 영감을 얻은 첫화면은 처음에는 UIScrollView에 View를 일일이 그려 넣는 방식이었는데 아이패드를 지원하려다 보니 이렇게 하면 안되겠다 싶어 UICollectoinView를 사용하는 방향으로 수정했다. 마찬가지로 두번째 화면에도 UIScrollView에 이미지를 여러장 넣도록 했었는데, 이것 역시 UICollectionView로 수정. 여러 모로 쓸모가 많은 놈이다.

이번 어플리케이션에는 TableView는 전혀 사용되지 않고 CollectionView가 메인으로 사용되고 있다.

3.

현재 이미지를 전체 화면에서 보여주는 부분을 작업하고 있는데 이 부분에서 전혀 예상치 못한 난관에 봉착해 있다.

아이폰의 기본 사진앱에서처럼 이미지를 전체로 보여 주고, 좌우로 스와입해서 다른 사진들도 볼 수 있는 화면인데, 가로모드 지원이 원활하지 않다.

세로에서 가로로 화면이 전환되는 부분이 문제가 아니라, 그냥 처음부터 가로 모드로 화면에 진입하는데도 뷰들의 레이아웃은 세로모드일 때의 사이즈로 구성되는 것이다. 검색을 해보니 UIScrollView의 기본 동작은 이 가로모드를 제대로 지원하지 않기 때문인 것 같다. (사실 정확한 원인은 아직 파악하지 못했다.)

이 화면은 Paged ScrollView가 있고, 각 페이지당 하나의 ImageView가 존재하는 형태인데, 화면 방향이 바뀌게 되면 각 페이지들의 높이, 넓이를 재조정해 주고, 가로 세로 중앙 정렬된 이미지의 좌표도 재조정해줘야 하는데, 장치의 방향이 바뀌게 되면 Auto Layout을 통해 이 일들이 알아서 자동으로 일어나길 바랬는데, 내가 원한 대로는 되지 않는 모양이다. 그래서 오늘 몇 시간째 ScrollView Tutorial을 보고 따라하며 익히는 중이다.

나름 앱비지니스에서 2년을 넘게 있었는데 아직도 Tutorial을 뒤적거리고 있다니… 반성…

4.

앱 이름을 아직도 정하지 못했다. 앱 이름이 정해져야 해로 디자이너 슨상님께 아이콘도 부탁하고, 앱 설명도 쓰고, itunes connect에 등록도 해서 광고도 붙이고 할텐데.. 마땅한 이름이 떠오르질 않는다.

의미가 명확하게 전달이 되는 이름들은 좀 재미가 없고, 재미있어 보이는 이름들은 당췌 의미가 전달되지가 않는다.

며칠 더 고민해보고 그래도 마땅한 게 없으면 진짜 패션 초급반으로 갈까보다.

5.

어찌 됐든 이번 주 안으로는 유료버전 개발을 마무리 짓는 게 목표다. 그리고 나서 광고가 포함된 무료 버전을 개발하고, 안드로이드로 넘어가야겠다.

그런데 회사일이 조금씩 바빠질 기미가 보이는 게 안드로이드는 개발 기간이 좀 더 걸릴 거 같다는 예감이 든다.

안드로이드를 먼저 개발할 걸 그랬나보다.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s