내맘대로 개발일지

📱테스트 환경"next": "15.1.3","react": "^19.0.0","react-dom": "^19.0.0",해당 에러만 잡고 잔다는게 .. 벌써 새벽 2시 36분 ..ChahGPT 도 자꾸 거짓말만 하고 해결못해서 진짜너무 피곤하고 화나는 상황에 열심히 구글링을 통해역시 공식홈페이지만한게 없다 징짜 .. NextJs 14.0.3 issue · Issue #46053 · ant-design/ant-designReproduction link https://ibb.co/tHKtCc7 Steps to reproduce just update nextjs to latest version and you will see there's an issue with antd config provider What ..

📱테스트 환경"react": "19.0.0-rc-02c0e824-20241028","react-dom": "19.0.0-rc-02c0e824-20241028","next": "15.0.2"사실 애널리틱스는 필수느낌으로 가고있는 것 같다.유저 리텐션이나 유입환경 등 파악하기 위해서는 필수이기 때문이다.예전에는 설정하기 되게 좀 까다로웠던 같은데쉽게 설정하는 방법이 있다고 하여 기록하려고 한다.import Script from 'next/script';export default function GoogleAnalytics({ gaId }: { gaId: string }) { return ( );}/lib/GoogleAnaly..

📱테스트 환경"react": "19.0.0-rc-02c0e824-20241028","react-dom": "19.0.0-rc-02c0e824-20241028","next": "15.0.2"  [NextJS] Syled-components 사용하는 방법📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 개발환경 ( http ) 에서는 문제가 없었는데 배포환경 ( https ) 에서는 한번씩 디자인이 깨졌다. 아니면 새로고침8735.tistory.com작년에 작성한적이있는데 새롭게 적용하려고문서를 좀 찾아보다보니 적용하는 방법이 변경됐었다.버전이 업데이트되면서 사용방식도 변경된것같은데 이에맞춰서최신버전에 맞게..

📱테스트 환경"react": "19.0.0-rc-02c0e824-20241028","react-dom": "19.0.0-rc-02c0e824-20241028","next": "15.0.2"회사에서 오랜만에 nextjs 를 쓸일이 생겨서하는김에 이것저것 다시 써보기로 하였다 !오늘 작성할 내용은 Sentry 연결하는 부분이다.센트리는 10에 9은 쓴다고 생각할 정도로 무료인데에러를 확인할 수 있다는 점에서 무조건적으로 사용해야한다고 생각할 정도로중요한데 이걸 설정하는 방법을 이번에 포스팅 해보도록 하겠다.yarn add @sentry/nextjs해당 모듈 추가해주고const { withSentryConfig } = require("@sentry/nextjs");const nextConfig = { //..

[IT] Tree Shaking ? webPack ?이번에 20년 가까이 프론트앤드 개발자님과 같이 밥먹으러 걸어가면서 이런저런 이야기를 하는데 나보고 Tree Shaking 을 아냐고 물어봤다. 너무 생소한 단어인데다가 처음 들어봐서 "잘 모르겠다.8735.tistory.com이 글에 이어서 .. 나한테 addEventListener 과 onclick 의 차이점을 아냐고 여쭤보셨다.각각 어떻게 쓰는지를 말씀드렸는데 그게 아니라 DOM 영역에서 어떻게 되는지를 알고 계시냐고 여쭤보셨고,난 잘 모르겠다고 말씀드렸다. 그러면서 차이점을 설명해주고, 요즘에는 addEventListener 를 더 많이 쓴다고 알려주셨다.그럼 먼저 onClick 을 살펴보면DOM 요소의 onclick 속성을 직접 설정하여 클릭 ..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 Canvas 이용해서 열심히 동적 썸네일을 그리고 있는데 .. 텍스트에 그림자 효과를 넣어달라고 하더라. 뭐 당연하게 그냥 기존에 작성해뒀던 코드를 재활용했다. context.shadowColor = "rgba(0, 0, 0, 0.5)"; // 50% 투명도의 검은색 그림자 context.shadowBlur = 10; // 흐림의 정도 context.shadowOffsetX = 5; // 그림자의 x 방향 오프셋 context.shadowOffsetY = 5; context.fillText(text, textX, textY); 오 .. 근데 그림자를 넣었더니 ..