twingkle

💡문제 아래의 코드에서 반복되는 코드를 줄여 map으로 돌리려고 하자 에러가 나타났다. 전체 맛집추천 생활 이 JSX 태그의 'children' 속성에는 'ReactNode' 형식의 자식 하나가 필요하지만, 여러 자식이 제공되었습니다. 💪🏻 해결 처음에는 Container 밑에서 바로 map을 돌리려고 했으나, 하나의 자식이 필요하다고 했으므로 Tabs안에서 map을 돌려주었다. const category = ['전체', '일반', '음식', '쇼핑', '패션뷰티', '반려동물', '취미운동']; {category.map((ele)=>{ return({ele}) })}

💡문제 다음과 같은 코드에서 취소하기 버튼을 누르면 href에 적힌 링크로 가도록 만들고 싶었다. //main.tsx import * as S from './style'; 취소하기 등록하기 // style.ts import Link from 'next/link'; export const Cancle = styled(Link)` width: 10vw; border: 1px solid #4285F4; color: #4285F4; background-color: white; border-radius: 12px; padding: 1.3vh 1.4vw; margin-right: 1vw; cursor: pointer; white-space: nowrap; text-decoration: none; display: f..

💡 문제 React DatePicker를 사용하면서 가장 애먹었던 부분은 이 부분이다. 요청 데이터는 yyyy-MM-dd hh:mm:ss 이 형식으로 보내야하는데 selected의 형식은 Date가 들어가야해서 onChange값을 string으로 보내면 오류가 나는것이었다. Uncaught RangeError: Invalid time value at Module.format 💪🏻 해결 상단에 useState를 통해 selected에 들어갈 값을 onChange에서 할당해주고 onChange의 값은 선언한 day로 넣어줬다. const [startDate, setStartDate] = useState(new Date()); { const day = date.toISOString().replace("T", ..