반응형 내가 경험한 것/28 NextJS Local Font가 Dev에서 적용 안되는 이슈 어느 순간 숫자 쪽에 사용하는 폰트가 적용이 되지 않았다. 단순히tw 클래스명을 빼먹었나? 했는데 그게 아니였다. 어떻게 해결했는지 알아보자.이슈dev 에서만 폰트가 적용이 안됨, production 에서는 문제가 없음 파악클래스 명을 추가하지 않았을 거라고 생각했다.- tailwind 폰트 클래스명인 font-mono 가 코드 및 dom 에도 잘 추가된 것을 확인 라이브에도 문제가 있지 않나 확인했다.- 관련된 변경사항이 없기 때문에 문제 없을 것 같긴 했지만 혹시나 해서 확인- 프로덕션 빌드 후 실행한 결과에도 문제가 없음을 확인 폰트가 로드되지 않는 것인지 확인했다.- 돔에 variable이 잘 주입되었는지 확인 단서를 가지고 검색했다.- 'nextjs', 'dev' , 'Google local f.. 2024. 10. 24. NextJS 에서 Radix 를 사용하며 겪은 일 (feat. es-check) 모노레포인 우리 회사 레포 룰에 따라컴포넌트를 만들 때 Radix Primitives 를 사용하기로 했다. 그러나 왠걸! radix 컴포넌트를 설치를 하고 빌드를 하니es-check 에서 에러가 나기 시작했다ㅜㅜㅜ 1. es-check 버전 확인현재 사용 중인 escheck 에서 확인하는 버전은 "es2018"..radix 깃헙을 확인해보면 상당히 최신 코드를 사용하는걸로 알고 있다. 2. transpile package 에 추가transpilepackages 목록에 radix 를 추가했다.그런데 결과물을 확인해보면? es2020 스펙인 옵셔널 체이닝이 계속 살아있는걸 확인할 수 있었다. 3. NextJs 에서 무엇을 기준으로 트랜스파일링하고 그러는지 확인- 아무설정도 없으면 기본 브라우저리스트를 기준 .. 2024. 9. 4. 8bitdo 키보드와 슈퍼키 키맵핑(with Hammerspoon) 취업후 꾸준히 공부를 하기 위해블로그에도 각오를 적어놨지만 미룬이가 되어버린... 하하 그러던 중 좋은 키보드를 사면 키보드를 치고 싶어 공부를 하게된다는 이야기를 듣고홀린듯 키보드를 구매하게 되었습니다! 그 키보드는 바로바로 "8BitDo 레트로 기계식 게이밍 키보드" 입니다. 저는 쿠팡에서 87,900원에 구매를 했고9/5 도착 예정이였는데 그것보다 이틀 빠른 9/3일에 도착을 했습니다. 8bitdo 구매하러가기>> https://link.coupang.com/a/bQBcSx 8BitDo 레트로 기계식 게이밍 키보드 핫스왑 87키 듀얼 슈퍼버튼 포함 - 무선키보드 | 쿠팡쿠팡에서 5.0 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 6 제품도 바로 쿠팡에서 확인할 수 있습니다.www.c.. 2024. 9. 4. 스토리북 세팅(NextJS, tailwindCss)시 tailwindCss 적용 안됨 스토리북 세팅을 하다가 tailwindCss 가 적용이 안되는 이슈가 있었는데,이슈의 파악 과정을 알아봅시다.개발 환경NextJs 14 app routertailwindCssstorybook v7@storybook/nextjs 1. Tailwind Css 적용 "@storybook/nextjs" 를 사용 중이기 때문에tailwind.css 파일을 preview.js 에 import 해주었는데, 스타일이 하나도 적용되지 않았다. 2. 문제 파악- 콘솔창 확인 > 에러 표시 없음- 엘리먼트 스타일 확인 > html 에 className 은 들어가 있으나 실제 그 클래스의 스타일이 정의되어 있지 않음- 빌드 에러 확인 까먹음 느낌상 postcss 문제인 것 같긴한데 잘 모르겠어서 구글링을 하니postcss... 2024. 8. 14. 이전 1 2 다음 반응형
