이제 DateHead 컴포넌트를 구현해봅시다.

    components/DateHead.js

    import React from 'react';
    import {View, Text, StyleSheet} from 'react-native';
    
    function DateHead({date}) {
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
    
      const formatted = `${year} ${month} ${day}`;
    
      return (
        <View style={styles.block}>
          <Text style={styles.dateText}>{formatted}</Text>
        </View>
      );
    }
    
    (...)

    코드를 저장한 뒤 화면에 오류 없이 오늘 날짜가 잘 나타나는지 확인해보세요.

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.