TIL 12.09

(날짜 조작이 날로 심해지고 있다.)

리액트 app.jsx 뼈대잡는 부분

// src/App.js

import React from 'react';
import styled from 'styled-components';
import { useState } from 'react';
import { useEffect } from 'react';


const App = () => {
  return (
    <div>
      <header>헤더입니다.</header>
      <main
        style={{
          padding: '20px',
          backgroundColor: '#fcc2e9',
        }}
      >
        {/* 인풋창 */}
        <section>
          제목 : <input />
          내용 : <input />
          <button>추가하기</button>
        </section>
        {/* todo-list 출력 */}
      </main>

      <footer>푸터입니다.</footer>
    </div>
  );
};

export default App;

nav태그도 보통은 필요하지만 지금 프로젝트에선 필요가 없는 부분이라 생략한다.
헤더 - 메인 (+ 섹션) - 푸터