My Boundary As Much As I Experienced

매주 하는 자바스크립트/리액트/타입스크립트 테스트를 너무 못 봐서우수수료생은 일찍이 마음을 접은 상태였는데..팀프로젝트 결과물이나 동료 평가가 좋아서 간신히 커트라인에 들어온거 같다. 일단 너무 뿌듯하고.. 같이 좋은 프로젝트를 했던 모든 팀원들에게 감사하다.이 부트캠프에선 대학 졸업반 친구들이 대부분이었지만나이 차이 좀 나는 나를 가감없이 환대해줘서 고마웠다.난 습관적으로 묵은 인연들을 처분하지만이번에 알게 된 친구들 중엔 종종 연락을 이어가고 싶은 사람들도 더러 있기도 하다. 또한 이 프로젝트를 운영해주신 매니저님들께도 감사하다.매니저님들은 출석/퇴실 때만 보는 얼굴들이었지만정이 많은 분들이라는게 느껴져서 좋은 에너지를 받을 수 있던거 같다.또한 매니저님 말씀으론 기존보다 우수수료생 커트라인을 널널하..

리액트 개발하다보면 아래같이 함수 실행부 옆에 을 쓸때가 많다. const [text, setText] = useState() 그리고 타입스크립트에서도 제네릭 문법 을 사용하여 타입 제한할때가 있다. function add(arg: T): T { // 함수 내용 } 가끔가다 함수실행부 옆에 제네릭을 넣는다던가, 제네릭 써야하는 부분에 string, number 등 구체적인 타입을 넣는다거나 하면서 헷갈릴 때가 있다. 타입스크립트는 왜 굳이 이렇게 동일한 형태로 다른 문법을 만든걸까? 라고 궁금해서 알아본 결과 const [text, setText] = useState()에서의 은 타입스크립트 문법이 아니다. 이것은 jsx문법(즉 React문법)인 것이다. 왜 제네릭 과 헷갈리게 동일한 괄호를 사용했나 했..

오늘 만든 resize 이벤트가 끝나면 0.5초 이후 true값을 반환하는 useCatchResizeEnd 훅. import { useEffect, useState } from 'react'; export const useCatchResizeEnded = () => { const [isEnded, setIsEnded] = useState(false); useEffect(() => { let resizeTimeout: NodeJS.Timeout; setIsEnded(false); const handleResize = () => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(() => { console.log('timeout이 멈췄습니다.'); set..

emotion으로 ThemeProvider 세팅을 하던 도중, theme의 타입이 불명확해서, 아래 경우에 color에 타입을 찾을 수 없다는 둥 에러가 났다. background-color: ${({ theme }) => theme.color.gray100}; 처음엔 typescript의 interface를 사용해서 타입지정을 다 해주려 했다. interface Theme { color: { darkGray900: string; darkGray800: string; darkGray700: string; darkGray600: string; darkGray500: string; darkGray400: string; ... 그런데 interface로 만든 Theme type을 실제 theme객체에 위 타입..