오늘은 프로젝트가 마무리단계에 들어가면서 조금 더 깔끔하고 예쁘게 다듬는 퍼블리싱 작업을 많이 했다.
오늘의 작업 중 기억에 남는 꿀팁들을 정리한다.
1. 아이콘 사용!
전 프로젝트를 진행할 때도 늘 느꼈던 고민인데 어느 라이브러리를 사용해야 더 깔끔하고 다양한 아이콘을 얻을 수 있을까 사용할 때마다 고민을 했었다.
하지만 앞으로는 Pratt이 추천해준 이 라이브러리를 사용할 것 같다.
react-native-vector-icons
깔끔하고 다양하고 무엇보다도 사용하기가 간편해서 너무 좋다!
설치할 때는 조금 헷갈리지만 차근차근 잘 따라하면 된다!
(ios기준 참고 : https://medium.com/@vimniky/how-to-use-vector-icons-in-your-react-native-project-8212ac6a8f06)
2. Platform.OS
android와 ios 두 가지의 OS를 모두 작업할 수 있는 React Native에서 빠질 수 없는 속성이다.
각 OS마다 사이즈의 단위가 다르다보니 같은 수치를 대입해도 화면에 보이는 결과값이 달라질 수 있다.
그럴 때 이 Platform.OS를 사용하면 두 가지 OS에 따라 다르게 값을 줄 수 있다.
예시)
<Text fontSize={Platform.OS === 'ios' ? '2xl' : 'lg'} fontWeight={600}>이런 식으로 OS별로 다르게 주고 싶은 속성에 적용하면 된다!
3. Native Base
이건 전에도 블로그에 올린 적이 있지만 직접 사용해보니 너무 편리해 다시 정리해둔다.
스타일링을 위해 따로 styled.components를 일일이 지정해줘야하는 ReactNative의 불편함을 완벽히 해소시켜준다.
또한 수정을 할 때마다 일일이 찾아가야하는 styled.components보다 직관적으로 inline으로 속성값이 적혀있기 때문에 수정하기도 훨씬 편했다.
물론 퍼블리싱은 디자인의 영역이긴 하지만 그래도 개발을 하다보면 뗄레야 뗄 수 없는 관계라고 들었다.
번거롭긴 하지만 하고나면 또 완성시켜 놓으면 그만큼 뿌듯한게 없는 작업인 것 같기는 하다.
