개발4 프로젝트 type 정리... 지금 옮김팀에 react프로젝트 이슈들을 처내고 약간의 시간이 남았다.. 코드들 리펙토링 할수있는걸 찾아보니.. type이 여러군대 섞여서 사용중이다.. 흠.. 일단 type들부터 api랑 확인해서 분리해야겟다.. 보통 타입스크립트 선언할때 아래 처럼 선언했었는데... 이프로젝트는 interface로 되어있네... 지금 하고있는 프로젝트는 타입의 확장성보다는 정형화된 api에 대응되게 작업하는게 맞다고 판단, 팀원들한테 공유 하고 작업시작! export type Member = { id: string } 일단.. interface type 큰 차이를 적어보자면... interface A { x: number; } interface A { // 이것은 허용됩니다. A는 이제 { x: number; y: n.. 2024. 4. 9. [jquery] daterangepicker 최근에 맡앗던 프로젝트에서 수정요청이들어왔는데.. jquery 기반의 코드였다.. daterangepicker.. https://www.daterangepicker.com/ 요청사항은 달력을 한달씩보는데 1달 지날때마다 api를 호출해서 달력에 특정 class를 추가 해야 함.. daterangepicker의 옵션중에 isCustomDate를 사용하면 달력이 출력될때 일자부분이 특정 class를 추가 할수있음. 하지만 1달 지날때마다 api를 호출해서 화면을 갱신해줘야 하는데.. 이게.. 이미 dom을 그린 상태이고 라이브러리라.. 쉽지 않겠지만.. 방법을 찾아봄.. api 호출한다음 updateCalendars를 사용하면 달력이 갱신됨 $(document).off('click', '.next.avail.. 2024. 3. 22. package.json dependency overrides 얼마전에 팀을 이동하게 되었다. 이동하면서 새로운 레포를 다운로드 하고, package.json을 살펴보는데.. 딱히 특별한건 보이지 않았다. npm으로 install 하고 실행햐야지? 했는데.. install에서 에러... code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-scripts@5.0.1 npm ERR! Found: typescript@5.0.4 npm ERR! node_modules/typescript npm ERR! typescript@"^5.0.4" from the root project npm ERR! peer typescript@">= 2.7" from fork-ts-che.. 2024. 3. 18. vanilla-extract.. 가상선택자 vanilla-extract에서 가상선택자를 이용해서 radio버튼 checkbox를 만들다가 이슈가 발생. HTML 삽입 미리보기할 수 없는 소스 vanilla-extract에서 sprinkles를 이요해서 프로젝트를 진행중인데 sprinkles는 미리 정의해놓고 사용중이다.. label을 선언했듯이 sprinkles만 가지고 정의가 되었는데.. 문제는 셀렉터를 사용하면서 발생.. sprinkles를 사용하게 되면 classname이 가상으로 만들어지는게 아니라 sprinkles에 정의된 스타일이 추가되어서 만들어진다. 이때 sprinkles만으로 스타일을 구성하게되면 가상으로 classname이 만들어지지 않아서 셀렉터에서 사용시 인식이 안됨... 꼭!! 9번 16번 라인처럼 사용해야지만 classn.. 2024. 3. 12. 이전 1 다음