빙글빙글한 개발 세상

앱을 만들다보면 저 SafeArea 로인해 UI가 흐트러져서 수정해야하는 일이 생각보다 많이 생깁니다. 일반적으로 저희가 처음 ViewController 를 생성하고 나서 스토리보드를 보면 아래처럼 자동으로 생성되있는게 보이실 껍니다. 그럼 SafeArea 가 도대체 무엇일까요? 간단하게 알아봅시다. SafeArea가 뭔가요? - 간단히 이야기하면 기본 UI의 영향을 받지 않는 범위 라고 생각하시면 됩니다. - 아래 사진에서 빨간색으로 표시된 부분이 아닌 파란 부분을 SafeArea 라고 합니다. - 빨간색 영역은 safeAreaInsets 이라고 합니다. - 즉 만약 UI 를 제작하실때 해당 빨간 부분에 겹치게 넣으시면 기본 UI로 인해 가려지실수있습니다. - 다시 말하면 SafeArea 내부에 UI를..

앱을 만들다 보면 사용자가 입력을 위해 키보드를 올리면 그 키보드가 UI를 가려 엉망이 되는 경우가 생각보다 많습니다..... 예를 들면 아래처럼 키보드가 올라오는 바람에 입력창이 안보이는 경우가 있겠죠? 그래서 이번엔 저 키보드가 올라오는 이벤트를 감지하고 그에 따른 대책(?)을 세워보도록 하겠습니다. 저의 경우에는 보통 저렇게 키보드가 올라오는 화면은 될 수 있으면 ScrollView 를 자주 사용하긴 해요. (그래야 사용자가 입력하다 자유롭게 스크롤 할 수 있으니까요) -> 이 경우는 기본 설명이 끝난후 예시로 이야기할께요. 그래서 아래 순서대로 정리해볼께요. 1. 키보드 이벤트 잡기 (올라옴 / 닫힘) + 여백 클릭시 키보드 닫기 2. 키보드 사이즈 구하기 & 대응하기 (+ SafeArea) 3...