[헬스 다이어리 앱 개발] 11편 - 로고 만들기

Launch 스크린에 넣을 로고를 만들어보자.

로고는 canva라는 사이트에서 만들 것이다.

https://www.canva.com/

 

 

canva의 무료 템플릿

canva는 무료로 많은 템플릿들을 제공하고 있고, 사용자는 요소들을 커스터마이징 할 수 있다.

 

 

 

 

canva에서 로고 작업

핼스 앱과 같은 푸른 배경(#005eb8)에다 하얀 몸짱 이미지와 테두리를 추가했다.

 

 

 

 

<Image
  style={{ width: 150, height: 150 }}
  source={require("../../../assets/health_app_logo.png")}
/>

리액트 네이티브의 Image 컴포넌트를 이용해 이미지를 넣었다.

높이와 너비를 지정하고, source props에 이미지를 넘겨주면 된다.

 

 

 

 

런치 스크린 완성본

헬스 기록 앱이니까 동기 부여될 겸 하단에 니체의 명언을 넣었다.

what does not destroy me makes me stronger
나를 죽이지 못하는 고통은 나를 더 강하게 만든다

 

 

 

 

canva의 무로계정은 svg를 지원하지 않아, 로고와 텍스트 모두 png파일을 사용했다.

나중엔 svg를 직접 만들어봐야겠다.

 

 

 

 

코드

 

GitHub - junhee-won/health-diary-app