본문 바로가기

개발바닥

(27)
[개발] Github 이슈와 커밋 메시지를 연결해보자 안녕하세요 devport 입니다. Github에 이슈를 대응하고 커밋할 때에 특정 포맷을 사용하게된다면 커밋된 내용이 자동으로 이슈에 반영되는 기능에 대해서 간단히 알아보도록 하겠습니다. Github commit message 이슈에 자동 링크 Github의 Repository에 대하여 Commit Message에 "#[Issue Number]"를 입력하게 될 경우 자동으로 이슈에 커밋 내용을 추가하게 됩니다. 추가된 이슈는 커밋 메시지와 함께 링크를 제공하게 되며 링크를 클릭하게 되면 변경 이력에 대하여 출력 하게 됩니다. 커밋과 함께 이슈를 Close 할 수 있는 Keyword 이슈에 올라온 버그 또는 기능을 수정하였을때에 Commit Message에 적절한 키워드를 사용하게되면 이슈를 같이 Clos..
[개발] React Native 노치 디자인 해결 방법 안녕하세요 devport 입니다. 이번에 React Native로 앱을 개발 하던중에 Apple의 iPhone이 사용하는 노치 디자인으로 인하여 상태표시 부분이 안보이는 현상이 있어서 해결하는 방법을 찾아보았습니다. 아이폰은 상단의 "상태 표시 줄"과 하단의 "Home indicator"부분으로 인하여 디자인 사용성에 영향을 받을 수 있습니다. 이것을 해결하기 위해서 안전영역(Safe area)영역을 추가하게되면 아래와 같이 보호 영역이 생성이 됩니다. 적용 소스 import * as React from 'react'; import { WebView } from 'react-native-webview'; import { SafeAreaView, StatusBar } from 'react-native'; ..
[개발] React Native 앱 개발에 대해 알아보자. 안녕하세요 devport 입니다. 이번에 하이브리드 앱을 개발할 수 있는 프레임워크 중 하나인 React Native에 대해서 알아 보도록 하겠습니다. 제가 이번 React Native를 알아보는 이유는 WebView에 이미 개발된 웹 호스트를 올려 실제 앱처럼 동작할 수 있다는 부분을 이용하기 위해서 입니다. 아무래도 포스팅의 방향도 React Native의 다양한 컴포넌트를 사용하는 방향으로 작성되지 않을 것을 여러분은 참고해주시면서 읽어주셨으면 합니다. React Native? React Native는 페이스북에서 개발 되었으며 오픈소스 모바일 애플리케이션 프레임워크 입니다. Android, IOS 등의 애플리케이션을 개발하기 위해서 사용되고 있으며 네이티브 플랫폼과 리액트라는 요소를 사용할 수 있..