[Next.js] 모달(Modal) 만들기 styled-components

버튼을 누르면 모달(Modal)을 띄우고 그 모달안에 리스트가 있는 형태이다. 먼저 import import React, { useState, useEffect } from 'react'; import styled from "styled-components"; 버튼과 모달이 될 div, 그리고 모달 안에 들어갈 리스트 아이템을 생성했다. 리스트의 경우는 ul 과 li를 써도 되고 편의에 따라서 div로 바꿔도 된다. 추후에 나는 div로 바꿨다. const Button = styled.button` background-color: #5633EC; color: #FFFFFF; border: none; border-radius: 10px; font-size: 16px; height: 50px; width: ..