더북(TheBook)

이제 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>
  );
}

(...)

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

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