목록react calendar (1)

뇌 채우기 공간

[React/next/ts] react로 라이브러리 없이 달력 구현하는 법

오늘은 달력을 만들어볼 것이다. 달력 만드는 것이 너무 어려워서 챗 gpt한테 코드 좀 작성해달라했는데.. 정말 뭔가 잘 작성해주었지만.. 프리미엄이 아니라서 끝까지 볼 수 없었다. 그래서 그냥 내가 했다. 1) 요일 만들기 빨간 줄 쳐진 요일 부분을 만들어보겠다. 이 달력 만드는 것 중에 가장 쉬운 부분은 여기다. 그래서 이거부터 하겠음. const DayoftheWeek = () => { const date = ["일", "월", "화", "수", "목", "금", "토"]; return ( {date.map((p) => { return ( {p} ); })} ); }; export default DayoftheWeek; 요일 배열을 만들어주고 map돌려서 보여주면 된다. 아주 쉽죠잉? 2) 현재 월..
WEB/재밌어서 만드는 것 2023. 2. 24. 17:03
이전 Prev 1 Next 다음