코딩브론즈

이번 포스트에서는 로딩 스크린을 만들어보자. App.js에서 바로 만들 수 있지만, Loading.js 파일을 생성하자. 참고로 paddingHorizontal 과 paddingVertical은 일반적인 css에선 찾을 수 없는 것들이고 React Native가 가진 것이다. 이제 App.js에서 Loading.js를 import 하고 쓸모 없어진 것들을 지우자. 잘 되는것을 확인했다면 이제 Text의 style를 바꿔보자. 굿

이쁘게 꾸미기 위해 App.css와 Movie.css에 css 코드를 작성하자. /* App.css */ * { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #f7f5f5; height: 100%; } html, body, #zzz, .container { height: 100%; display: flex; justify-content: center; } .loader { w..