코딩쌀롱

console.dir(location)해봤을 때. - location.pathname: 요청한 url의 path값 - match.path: 정의한 라우트의 path값 - match.isExact: 요청한 path와 정의한 라우트의 path가 같은지 - location.search: 쿼리 스트링 window.location.search를 queryString.parse에 전달해주면 객체로 만들어준다. location.search하니까 리액트+타입스크립트에서 에러가 나서 window.을 붙여줬더니 해결됐다. import queryString from "query-string"; const MyPageModal = ({ onClick }: Props) => { const query = queryString.p..

📌 event.target 타입 지정 event.target을 typescript로 어떻게 해줘야할지 모르겠었는데 카일이 도움을 줘서 해결했다. 위 코드에 주석을 붙여 설명해보았다. 아직 타입단언이 뭔지 감이 안 온다...😥 📌 달력 기능 구현 완료.. 오늘 드디어 달력을 마무리했다. 크게 단계를 나누자면 1. 달력을 띄우는 것: new Date()와 여러 메서드들 사용 2. 캐로셀: 화살표 버튼 클릭에 따라 duration, position, 내용이 바뀐다. 3. 날짜 선택: 사용자의 클릭에 따라, 호버에 따라.. 1단계인 달력을 띄우는 건 바닐라로 해봤어서 확실히 수월했다. 바닐라 자바스크립트로 할 때 참고했던 블로그가 즐겨찾기에 있어서 다행히..ㅎㅎㅎ 2단계는 큐랑 세미페어할 때 캐로셀 코드를 봤어..

📌 인터페이스 1. 함수의 인자를 정의하는 인터페이스 (매개변수-인자, 반환값) 2. 함수 구조를 정의하는 인터페이스 // 함수의 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: nubmer, b: number): number; } var sum: SumFunction; sum = function(a: number, b: number): number { return a + b; } 3. 인덱싱 방식을 정의하는 인터페이스 // 인덱싱 interface StringArray { [index: number]: string; } var arr: StringArray = ['a', 'b', 'c']; arr[0] = 10; // 에러 4. 인터페이스 딕셔너리 패턴 // 딕셔너리 ..