Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
심플하고 귀여운 날씨앱
#mobile_app
2년 전
9,598
5

whats-the-weather 

undefined

undefined

undefined

자기소개

올해부터 커리어 전환을 위해 개발공부 시작한 개린이입니당ㅎㅎ 프론트엔드 공부 중이고, 웹과 엡 둘다 개발해보고 싶습니다.

서비스 소개

서비스라고 하긴 너무 간단하지만, 강의 참고해서 디자인만 살짝 바꿨고,

아이콘 대신 이미지를 넣어보고 폰트를 변경해 봤습니다.

개발 과정 (어려웠던 점과 해결방법)

이미지추가와 폰트변경이 생각보다 어렵고 복잡했습니다.

특히, 날씨정보를 받아온 후의 데이터에는 폰트 적용이 되지만,

데이터를 다 받아오기 전 'loading...' 이라는 메시지를 나타낼때,

폰트 적용이 되지 않았습니다.

한참을 고민하고 구글링도 해보며 여러가지를 시도해본 후,

폰트도 로딩시간이 걸린다는 것을 알고, 폰트로딩 상태를 useState(false)로 설정해주었고,

비동기로 로딩이 되기 때문에, 로딩이 완료되기 전에 사용해서 에러를 뱉는 걸 보고

return 부분에 폰트로딩 상태가 true일 때, 화면에 나타내도록 조건문을 걸어주니 모든 곳에 폰트가 적용되었습니다.

앞으로 계획

구현하고 싶은 기능과 레이아웃도 많았는데 챌린지를 늦게 발견하기도 했고 실력도 많이 부족해서 구현한 것이 많이 없었습니다. 그래도 강의 외에 다른 요소들을 적용해보면서 소소한 재미들을 느꼈고, 노마드 코더 강의 수강하면서 리액트네이티브 마스터 해보고 싶습니다!

5 comments