Language20 [TS] Generic & Types by Inference 제네릭(Generic)이란 타입에 변수를 제공하는 방법 타입을 마치 함수의 파라미터처럼 사용하는 것 한 가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용됨 타입에 상관없이 동작하기 때문에 제네릭이라고 함 // 제너릭 X function identity(arg: any): any { return arg; } // 제너릭 O function identity(arg: T): T { return arg; } T : 타입 변수 유저가 준 인수의 타입을 추론하여 나중에 사용할 수 있게 함 반환 타입으로 T를 다시 사용 타입 정보를 함수의 한쪽에서 다른 한쪽으로 운반할 수 있게 함 any vs. generic any : 실제로 함수가 반환될 때 타입에 대한 정보를 잃음. number 타입을 넘겨도.. 2023. 2. 10. [JS] 검색 기능 1. 검색에 걸릴 목록을 배열에 담는다. const colorList = [ '빨강', '주황', '노랑', '초록', '파랑' ]; 2. 검색창을 input 태그를 이용해 만들어준다. 이 때 검색창에 입력되는 글자를 받아야 하므로, onChange 이벤트로 받아준다. 입력된 값을 search 변수에 받아준다. const [search, setSearch] = useState(""); const onChange = (e) => { setSearch(e.target.value); }; 3. 미리 만들어둘 검색 목록 배열에서 찾는다. const filterList = colorList.filter((c) => { c = c.toString(); return c.replace(" ", "").includes(.. 2023. 1. 11. [JS] input type=date 일 때 오늘 이후로만 날짜 선택되게 하기 // 다른 날짜 선택 시, 내일부터 선택가능하게 하기 let today = new Date(); let tomorrow = new Date(today.setDate(today.getDate() + 1)); let year = tomorrow.getFullYear(); let month = tomorrow.getMonth() + 1; let day = tomorrow.getDate(); if (month < 10) { month = "0" + month; } if (day < 10) { day = "0" + day; } let availableDay = `${year}-${month}-${day}`; 참고 문서 https://developer.mozilla.org/ko/docs/Web/HTML/Elemen.. 2022. 12. 8. [JS] 쿠키 set get delete 쿠키때문에 뉴진스 노래 들을 때마다 스트레스 받는 병이 생겼어요. 쿠키란? 웹 사이트 방문자의 정보를 클라이언트 브라우저에 저장하여, 방문자 정보를 파악하거나 임시 데이터를 보관하는 데 사용할 수 있다. DOM에 쿠키 문자열이 담겨있기 때문에, document.cookie 정보를 읽어서 쿠키 값을 활용할 수 있다. (제일 어이없는 부분은) 쿠키 문자열은 1. 객체가 아님 2. 메서드가 제공되지 않음 따라서 내가 알아서 파싱하고 정보를 구분해야 한다. 쿠키 문자열은 이렇게 생겼다. 쿠키키=쿠키값; path=/; expires=Sat, 02 Oct 2021 17:46:04 GMT; 쿠키 정보는 키 = 값 형태로 저장되며, 한글도 사용 가능하다. 만료일은 GMT 시각 문자열로 표기되며, 삭제 기능이 없기 때문.. 2022. 11. 29. 이전 1 2 3 4 5 다음