loading
본문 바로가기 메뉴 바로가기
datepicker style 커스텀 + 토요일 일요일 색 바꾸기

굉장히 못난이었던..데이트피커 달력을 커스텀하여 바꿔봤다.ㅠㅠ 정말 하루 종일... 검색하고 찾아본 결과 완성했다.. 비록 디자인과 약간 다르지만,,ㅠㅠ 똑같이 하고 싶었는데 라이브러리를 커스텀하기엔..쉽지 않았다.. import React, { useEffect, useState } from 'react'; import styled from 'styled-components'; import DatePicker, { registerLocale } from 'react-datepicker'; import 'react-datepicker/dist/react-datepicker.css'; import ko from 'date-fns/locale/ko'; import getYear from 'date-fns/g..

TIL/2022 TIL 2022. 10. 8. 23:33
[safari] NaN 에러

웹 , 크롬에서는 괜찮은데 ... 날짜가 나오지 않고 ...NaN이 나오는 에러를 보았다.. 맨처음엔 ㅋㅋㅋㅋㅋㅋ이유를 알지 못한채 ..뻘짓만 하다가..검색을 통해 알아냈다. new Date()

TIL/2022 TIL 2022. 8. 27. 20:03
Warning: Each child in a list should have a unique "key" prop

오랜만에 TIL작성이다 ㅠㅠ 그동안 ..나태했던 나 자신을 돌아보며 이제 다시 꾸준히 TIL쓰기다 !! 우선 map돌리면 key값을 넣어주는 건 알고있었는데.. key값을 넣었는데도 자꾸 저 에러가 떠서 ...스트레스 받던 찰나.. 꺄아아아악 CommentList에 key넣어줬자나 !!!!! 자세히..보아야 된다.. 문제의 코드 return ( {data?.length > 0 ? ( data?.map((v, idx) => { return ( {index ? ( ) : ( )} ); }) ) : ( )} ); 알고보니.. 이렇게 감싸준 빈태그에..key값을 넣어야되었던 것이었다.. 는 와 같다! 해결 코드 return ( {data?.length > 0 ? ( data?.map((v, idx) => { r..

TIL/2022 TIL 2022. 8. 22. 20:56
리액트 모달창 세로 스크롤 막기

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ모달창을 띄웠는데 !!!! 이럴수가 ? 고수찾기 페이지의 height 값이 3000px이어서 ..위처럼 스크롤이 되는 끔찍한 ...현상이 발생되었다.. 홀..리 ~~~~~~~~~~~~~~ 웨..웨 !!웨그러는고야 !!! import React, { useEffect, useState } from "react"; import styled from "styled-components"; interface SearchProModalProps { filterIsOpen: boolean; setFiterIsOpen: any; } const SearchProModal = (props: SearchProModalProps) => { const { filterIsOpen, setFiterIs..

TIL/2022 TIL 2022. 7. 30. 22:42
xxx 타입스크립트(Element형식에 checked 속성이 없습니다. )

ㅎㅎ Element형식에 checked 속성이 없습니다. ^^ ; js파일을 tsx파일로 변환한 후 겪은 에러 메세지이다. 해결법은 간단했다. 허나 나능 잘 모르기에 ㅠㅠ당황했당.. 이전 코드 if (count === 3) { return (document.querySelector( ".agree_check_wrap input[name='agree_all']", ).checked = true); } 해결한 코드 const agreeAll = document.querySelector( ".agree_check_wrap input[name='agree_all']", ) as HTMLInputElement | null; if (count === 3) { return (agreeAll.checked = true..

TIL/2022 TIL 2022. 7. 28. 22:43
스택과 큐

let stack = []; stack.push('1'); stack.push('2'); stack.push('3'); console.log(stack.pop()); // 3 console.log(stack.pop()); // 2 console.log(stack.pop()); // 1 Stack 1. stack 사이즈를 알 수 있는 function => return stack.length(); 2. stack이 공백인지 알 수 있는 것 => return stack.length() === 0; 3. stack의 제일 마지막 index에 있는 값을 가져오는 것.(pop이랑 다르게 그 값은 없어지지 않음) => return stack[stack.length()-1]; let queue = []; queue.p..

TIL/2022 TIL 2022. 7. 25. 21:09
이전 1 2 3 4 5 ··· 15 다음
이전 다음

티스토리툴바

운영자 : 닉네임
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.