diff --git a/e2e/__snapshots__/post/dom.spec.ts/desktop/google-adsense.html b/e2e/__snapshots__/post/dom.spec.ts/desktop/google-adsense.html index 9a64e4bf..3aef76f8 100644 --- a/e2e/__snapshots__/post/dom.spec.ts/desktop/google-adsense.html +++ b/e2e/__snapshots__/post/dom.spec.ts/desktop/google-adsense.html @@ -144,4 +144,4 @@

사용 중인 제품에 따라 달라지는데 콘텐츠 광고는 게시자가 68%의 수익 지분을 가진다.

마무리

이로써 AdSense 사용법을 간단하게 살펴봤다. 사용성이 좋기 때문에 특별히 어려운 부분은 없었다.

-

이후 사이드 프로젝트에 꼭 적용해 보길 기원하면서 글을 마무리해본다.

📮 이 포스트에 관심 있으신가요? 이슈를 남겨주세요! 👍
\ No newline at end of file +

이후 사이드 프로젝트에 꼭 적용해 보길 기원하면서 글을 마무리해본다.

📮 이 포스트에 관심 있으신가요? 이슈를 남겨주세요! 👍
\ No newline at end of file diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/bali-remote-work.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/bali-remote-work.png new file mode 100644 index 00000000..c7c64326 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/bali-remote-work.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195687.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195687.png new file mode 100644 index 00000000..f1f5e882 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195687.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195696.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195696.png new file mode 100644 index 00000000..1b24f148 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195696.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195698.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195698.png new file mode 100644 index 00000000..2b262ffb Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/goorm-195698.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-easy-2727.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-easy-2727.png new file mode 100644 index 00000000..e63202f8 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-easy-2727.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-hard-42.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-hard-42.png new file mode 100644 index 00000000..73eb6fa4 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/leetcode-hard-42.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/mdn-ko-organizer.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/mdn-ko-organizer.png new file mode 100644 index 00000000..c0e4f2c6 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/mdn-ko-organizer.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/proving-ground-review.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/proving-ground-review.png new file mode 100644 index 00000000..52d53871 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/proving-ground-review.png differ diff --git a/e2e/__snapshots__/post/screen.spec.ts/desktop/quality-of-job-review.png b/e2e/__snapshots__/post/screen.spec.ts/desktop/quality-of-job-review.png new file mode 100644 index 00000000..8fcfc194 Binary files /dev/null and b/e2e/__snapshots__/post/screen.spec.ts/desktop/quality-of-job-review.png differ diff --git a/e2e/about.spec.ts b/e2e/about.spec.ts index bfdc91c5..b9e5e8c6 100644 --- a/e2e/about.spec.ts +++ b/e2e/about.spec.ts @@ -22,6 +22,6 @@ test.describe('about', () => { return link?.href ?? ''; }); - expect(faviconUrl.endsWith('/images/favicon/favicon-96x96.png')).toBe(true); + expect(faviconUrl.endsWith('/favicon.ico')).toBe(true); }); }); diff --git a/src/features/shared/components/ExternalLink.spec.tsx b/src/features/shared/components/ExternalLink.spec.tsx index 67f6f0e0..266268c5 100644 --- a/src/features/shared/components/ExternalLink.spec.tsx +++ b/src/features/shared/components/ExternalLink.spec.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@testing-library/react'; -import ExternalLink from './ExternalLink'; +import ExternalLink, { highlighterClass } from './ExternalLink'; describe('rendering', () => { it('should visible', async () => { @@ -26,16 +26,16 @@ describe('rendering', () => { }); it('should have default class', async () => { - const defaultClass = 'highlighter'; render(); - expect(screen.getByRole('link')).toHaveClass(defaultClass); + expect(screen.getByRole('link')).toHaveClass(highlighterClass); }); it('should be able to add classes', async () => { const propClass = 'chul'; - const defaultClass = 'highlighter'; render(); - expect(screen.getByRole('link')).toHaveClass(...[defaultClass, propClass]); + expect(screen.getByRole('link')).toHaveClass( + ...[highlighterClass, propClass], + ); }); }); diff --git a/src/features/shared/components/ExternalLink.tsx b/src/features/shared/components/ExternalLink.tsx index 8e648619..fa1c2e03 100644 --- a/src/features/shared/components/ExternalLink.tsx +++ b/src/features/shared/components/ExternalLink.tsx @@ -8,6 +8,9 @@ type ExternalLinkProps = PropsWithChildren & { disableDefaultCSSTransition?: boolean; }; +export const highlighterClass = + 'inline-block text-[#30ffcb] leading-[1.1] after:transition-[width] after:duration-500 ease-in-out hover:after:w-[100%] after:w-[0] after:block after:h-[1px] print:text-black print:underline after:bg-[#30ffcb] after:content-[""]'; + const ExternalLink: FunctionComponent = ({ href, label, @@ -15,13 +18,10 @@ const ExternalLink: FunctionComponent = ({ children, disableDefaultCSSTransition = false, }) => { - const highlighter = - 'inline-block text-[#30ffcb] leading-[1.1] after:transition-[width] after:duration-500 ease-in-out hover:after:w-[100%] after:w-[0] after:block after:h-[1px] print:text-black print:underline after:bg-[#30ffcb] after:content-[""]'; - return (