배포하게 된 이유
react-native로 개발하면서 iPhone X 이상 버전에서 노치가 생기면서 간격을 수정하기 위해 사용하는 https://www.npmjs.com/package/react-native-status-bar-height 라이브러리를 사용하고 있었다.
이번 새로 ios 16으로 업데이트 되면서, iPhone 14pro이상의 dynamicIsland로 노치가 변경되면서 노치 간격도 수정되었는데, 시뮬레이터에서 앱을 확인해보니 ui 레이아웃이 위로 변경되는 버그를 확인하였다. 하지만, 사용중인 라이브러리는 2년 넘게 pr 등 업데이트가 진행되지 않고 있었다.
그래서 사용중인 라이브러리를 fork한 후 코드를 수정해서 npm을 배포하자는 생각을 했다.
기존에서는 iPhone 14Pro / 14Pro Max 만 추가하려고 했지만, 아이폰 safe area height를 보니 13mini도 코드상 빠져있어 적용될 수 있도록 수정했다.
처음 배포하면서 npm 모듈을 어떻게 올리는지 프로세스 등을 경험할 수 있어 좋은 기회였고, 오픈소스를 제공해서 다른 개발자들에게 도움을 줄 수 있다는 것이 제일 좋은 경험을 한 것 같다.
[iphone safe area height 참고]
https://useyourloaf.com/blog/iphone-14-screen-sizes/
[배포한 npm 모듈]
https://www.npmjs.com/package/react-native-safearea-height
TIL record