참고로 방금 DateHead에서 날짜를 보여줄 때 꼭 템플릿 리터럴 문법을 사용할 필요는 없습니다. 현재 우리는 JSX를 다루고 있기 때문에 다음과 같이 작성할 수도 있어요.

    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();
    
      return (
        <View style={styles.block}>
          <Text style={styles.dateText}>
            {year} {month} {day}
          </Text>
        </View>
      );
    }
    
    (...)

    둘 중에서 더 편한 방식을 사용하면 됩니다.

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