티스토리챌린지

·Web Development
TypeScript, Nestjs, typeorm, postgres, swagger, aws 2024.11.26JWT 토큰을 발급했는데 인증이 안됨. 401 에러- 토큰 발급시간을 환경변수에서 가져올때 parseInt()로 가져와서 `1h`이 `1`로 적용되고있었음. 1초짜리 토큰을 발급한 사람이 있다..? GET /me API만들었는데 `ERROR [ExceptionsHandler] invalid input syntax for type integer: "me"`- QueryFailedError: invalid input syntax for type integer: "me"- 같은 도메인에서 `/:id` 처럼 인티저를 받는 라우터가 /me보다 상위에 있을 때 발생. 해당 파일에서 라우트 순서가 /me가 ..
·Web Development
이거 누가설치했어..?JS로 개발을 할 때, 여러 패키지들을 사용해서 개발하게 됩니다. 이때 패키지들을 다운로드하고, 버전을 관리하고, 수많은 패키지들의 복잡한 의존성을 편리하게 관리하기 위해 패키지 매니저를 사용하게 됩니다.기능 개발에 초점을 맞추어 구성하고만 넘어갔던 패키지 매니징에 대해 알아보게 되는 계기가 생겼습니다.잘 사용하던 라이브러리가 알고보니 package.json에 없었고, 설치한적이 없는 라이브러리였던 것이었습니다.이 이슈는 사용중이던 Storybook을 v8로 업데이트하면서 yarn v1에서 최신 버전으로 업데이트를 권장했기 때문에, yarn classic(v1)에서 yarn berry로 업그레이드하면서 발생하였습니다.yarn의 문제점 중 하나이던 유령 의존성에 의해 설치되었던 라이브..
·Web Development
Vanilla-extract만든 design system의 번들 사이즈가 너무 커요!CSS-in-TS 와 zero-runtime css 컨셉을 채택한 vanilla-extract css(이하 VE로 줄임!)로 NPM 라이브러리를 만들어 배포하였다. 사내 디자인 시스템을 만든 작업이었다. VE는 제로 런타임을 위해서 빌드 타임에 코드로 정의한 css와 타입정의를 뽑아주게 된다. 이 css와 타입을 라이브러리에 같이 shipping하도록 제작했다. 처음 라이브러리를 만들때에는 없는것보단 낫겠지 하는 심정으로 이것저것 필요해보이는 디자인 토큰과 기능들을 넣었다. 하지만 결론적으로 이런 접근 방식으로 큰 코를 다치게 되는데... 설정 살펴보기어느날 빌드를 하다가 바벨의 불평을 마주치게 되었다.\[BABEL\] ..
RED BEAN
'티스토리챌린지' 태그의 글 목록