feat(e2e): Update snapshots

1ilsang · May 7, 2024 · 6d98e5f · 6d98e5f
1 parent 8fde3bf
commit 6d98e5f
Show file tree

Hide file tree

Showing 63 changed files with 80 additions and 75 deletions.
diff --git a/_posts/js/implicit-coercion.md b/_posts/js/implicit-coercion.md
@@ -27,7 +27,7 @@ undefined == null // true
 
 ```
 
-![cover](https://user-images.githubusercontent.com/23524849/233840877-eb7e5d64-4d5a-48b8-a960-6c16f99dff41.png 'cover')
+![cover](https://github.com/1ilsang/dev/assets/23524849/eb6ea24b-99e3-4ee0-b97e-ff2c6c78786e 'cover')
 
 ### TL;DR!
 
@@ -39,7 +39,7 @@ undefined == null // true
 
 ### 들어가기 전에
 
-![primitive-type](https://user-images.githubusercontent.com/23524849/233840925-4bed99f9-37cb-48cf-af23-b5c00ffc31f1.png 'l')
+![primitive-type](https://github.com/1ilsang/dev/assets/23524849/a00bf58f-aeb8-4a67-b3fd-bf4236d53011 'l')
 
 > [이미지 주소](https://velog.io/@imjkim49/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85-%EC%A0%95%EB%A6%AC)
 
@@ -75,7 +75,7 @@ if (1) {
 
 ### 동치연산자 한짤로 보기
 
-![example](https://user-images.githubusercontent.com/23524849/233842467-9581968c-00a0-47f4-a305-76b3bfdae97f.png 'l')
+![example](https://github.com/1ilsang/dev/assets/23524849/a3895658-4ac2-4e4c-99b7-c88bb15c9474 'l')
 
 > 출처: [MDN](https://developer.mozilla.org/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness)
 
@@ -85,7 +85,7 @@ if (1) {
 
 ## `ToPrimitive` 는 동치연산 뿐만 아니라 원시값과 비교가 필요한 모든 순간에 동작한다
 
-![to-primitive](https://user-images.githubusercontent.com/23524849/233842491-1d19517e-6efc-4fc5-9efd-b55233a40929.png)
+![to-primitive](https://github.com/1ilsang/dev/assets/23524849/0475aed2-ae11-4056-a3d4-5b567a2518ba)
 
 `Symbol.toPrimitive`: A method that converts an object to a corresponding primitive value. Called by the ToPrimitive abstract operation.
 

diff --git a/_posts/js/renovate.md b/_posts/js/renovate.md
@@ -3,13 +3,13 @@ title: 'Renovate 간단하게 살펴보기'
 description: '패키지 매니징을 자동화 해보자'
 url: 'renovate'
 tags: ['renovate', 'packageManager', 'bot', 'dependency']
-coverImage: 'https://user-images.githubusercontent.com/23524849/178150130-709cea99-255c-45a9-8d55-15e8d8a54e87.png'
+coverImage: 'https://github.com/1ilsang/dev/assets/23524849/e3637b13-b6b4-4bda-b3bb-7cd9f15928e3'
 date: '2022-07-02T05:01:36.129Z'
 ogImage:
-  url: 'https://user-images.githubusercontent.com/23524849/178150130-709cea99-255c-45a9-8d55-15e8d8a54e87.png'
+  url: 'https://github.com/1ilsang/dev/assets/23524849/e3637b13-b6b4-4bda-b3bb-7cd9f15928e3'
 ---
 
-![cover](https://user-images.githubusercontent.com/23524849/178150130-709cea99-255c-45a9-8d55-15e8d8a54e87.png 'cover')
+![cover](https://github.com/1ilsang/dev/assets/23524849/e3637b13-b6b4-4bda-b3bb-7cd9f15928e3 'cover')
 
 이번에는 디펜던시를 자동으로 최신화 해주는 [Renovate](https://www.mend.io/free-developer-tools/renovate/)를 소개해보고자 한다.
 
@@ -23,15 +23,15 @@ ogImage:
 
 ## INTRO
 
-![repo-alert](https://user-images.githubusercontent.com/23524849/178150154-105e9a1f-c766-489f-9c54-895b3ffafa2e.png 'l')
+![repo-alert](https://github.com/1ilsang/dev/assets/23524849/45e6a922-03f6-42a2-af73-4f9439e9d88c 'l')
 
 리포지터리에서 위와 같은 노티를 봤을수도 있다. 혹여나 **_critical severity_**가 존재한다면 마음 한켠이 굉장히 불안해지기 시작한다. "그날이 왔구나" 생각하며 일정을 산정해 버전업 계획을 세우게 된다.
 
 오래된 버전을 올리는것은 굉장히 고통스러운 작업을 동반한다.
 
 노티로 알려주는 패키지에는 "종속성"에 포함되는 패키지도 있기 때문에 복잡하게 얽힌 의존 관계를 한땀한땀 쫓아가며 올려야 하는 패키지들을 수색하는 과정이 필요하다.
 
-![file-hierarchy](https://user-images.githubusercontent.com/23524849/178151026-e9899fcb-e86d-427d-82c7-1e73efcb56fa.png)
+![file-hierarchy](https://github.com/1ilsang/dev/assets/23524849/0b908c8e-276f-4a62-9b68-a278822b6635)
 
 만약 `minimist` 라는 라이브러리의 버전을 올려야 한다고 할 경우, 이 라이브러리를 종속성으로 가지고 있는 "실제로 설치된" 라이브러리를 `yarn.lock`과 같은 락파일에서 디펜던시 그래프를 찾아 올라가야 한다.
 
@@ -45,7 +45,7 @@ ogImage:
 
 ## Renovate란?
 
-![renovate-logo](https://user-images.githubusercontent.com/23524849/178150238-904bb1aa-6afd-4001-b721-9e8fe79152e9.png 'l')
+![renovate-logo](https://github.com/1ilsang/dev/assets/23524849/7931049f-5714-4944-9348-fe12d56c1521 'l')
 
 [Renovate](https://www.mend.io/free-developer-tools/renovate/)는 자동으로 디펜던시를 업데이트 해주는 봇이다.
 
@@ -60,7 +60,7 @@ ogImage:
 - PR 자동 생성 + 릴리즈 노트.
 - monorepo 지원.
 
-![pr-example](https://user-images.githubusercontent.com/23524849/178150834-e7f7c450-8c20-40fa-b7d4-e6f95ba39e5b.png)
+![pr-example](https://github.com/1ilsang/dev/assets/23524849/75ce7f26-d82c-4b7b-a589-cfe684307e0f)
 
 Renovate를 적용하면 [PR](https://github.com/1ilsang/dev/pull/5)이 생성된다.
 
@@ -116,7 +116,7 @@ PR을 확인해보면 아래와 같은 특징을 찾아볼 수 있다.
 
 [Renovate app](https://github.com/apps/renovate) 봇을 설치한다.
 
-![repo-bot](https://user-images.githubusercontent.com/23524849/178151852-a2ff9737-7a8d-4b96-b3cb-2a78252183cf.png)
+![repo-bot](https://github.com/1ilsang/dev/assets/23524849/d47b19d3-694c-4a10-aa7f-abfef7e21f77)
 
 그후 설치 페이지로 진입해서 봇을 추가할 리포지터리를 선택한다.
 
@@ -130,7 +130,7 @@ PR을 확인해보면 아래와 같은 특징을 찾아볼 수 있다.
 
 ## 마무리
 
-![finish](https://user-images.githubusercontent.com/23524849/178150102-0f406661-fc1e-44c5-9c20-532734d14f8a.png 'l')
+![finish](https://github.com/1ilsang/dev/assets/23524849/62000c48-245d-4913-8678-dd590eba170a 'l')
 
 그동안 디펜던시는 "기간 잡아서 한방에 처리하자"로 남겨두고 있었다.
 

diff --git a/_posts/js/storybook7.md b/_posts/js/storybook7.md
@@ -96,7 +96,7 @@ export const Pair = {
 
 ## MDX v2
 
-![MDX](https://storybookblog.ghost.io/content/images/size/w1600/2023/04/Tom-SB7-Docs.001.png 'l')
+![MDX](https://github.com/1ilsang/dev/assets/23524849/cce48ea1-146f-47fb-a6a9-52d5eea4dc1b 'l')
 
 ```jsx
 // v6 guide.stories.mdx
@@ -142,13 +142,13 @@ MDX2는 내장 jsx 및 플러그인을 지원하기 때문에 동적인 문서
 
 본인은 Webpack에서 Vite로 마이그레이션을 고려하고 있었는데 이번 버전이 좋은 기회가 될꺼라 기대하고 있다.
 
-![test-coverage](https://storybookblog.ghost.io/content/images/2023/04/Untitled-copy.png 'l')
+![test-coverage](https://github.com/1ilsang/dev/assets/23524849/72e2d169-6801-4270-9447-2984b292ec57 'l')
 
 스토리북은 이전부터 테스팅 도구로써의 포지션을 견고히 하고자 하는데, 이번 버전에서도 상당부분 업데이트가 되어 있다.
 
 v7에는 코드 커버리지 기능이 추가되었다. 테스트 코드의 누락을 조금 더 쉽게 찾을수 있게 되었다.
 
-![test](https://storybookblog.ghost.io/content/images/2023/04/Capture-2023-04-04-214354.png 'l')
+![test](https://github.com/1ilsang/dev/assets/23524849/74ab1c8c-e5f9-4926-bbf7-56c4e676323a 'l')
 
 ```tsx
 const meta: Meta<typeof SignupForm> = {

diff --git a/_posts/js/turborepo.md b/_posts/js/turborepo.md
@@ -9,7 +9,7 @@ ogImage:
   url: 'https://github.com/1ilsang/dev/assets/23524849/2db5a04f-e83c-4bc4-ba59-685d3bb0e5dd'
 ---
 
-![cover](https://user-images.githubusercontent.com/23524849/178152297-6995c412-1f3d-4e28-b17b-b3294a41cc8c.png 'cover')
+![cover](https://github.com/1ilsang/dev/assets/23524849/b6999846-c0a3-4889-a4b6-6cf9bc21fa94 'cover')
 
 라인 엔지니어링 블로그에 [작성한 글](https://engineering.linecorp.com/ko/blog/monorepo-with-turborepo/)이다.
 

diff --git a/_posts/js/typescript5.md b/_posts/js/typescript5.md
@@ -3,13 +3,13 @@ title: 'TypeScript 5.0 살펴보기'
 description: '5버전은 무엇이 달라졌을까?'
 url: 'typescript5'
 tags: ['typescript', 'decorator', 'const', 'extends']
-coverImage: 'https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2023/03/5-0-feature-image-square-bounds-1.png'
+coverImage: 'https://github.com/1ilsang/dev/assets/23524849/a05f9167-23d8-4756-bd67-9381ff38cbb7'
 date: '2023-04-09T07:24:41.017Z'
 ogImage:
-  url: 'https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2023/03/5-0-feature-image-square-bounds-1.png'
+  url: 'https://github.com/1ilsang/dev/assets/23524849/a05f9167-23d8-4756-bd67-9381ff38cbb7'
 ---
 
-![cover](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2023/03/5-0-feature-image-square-bounds-1.png 'cover')
+![cover](https://github.com/1ilsang/dev/assets/23524849/a05f9167-23d8-4756-bd67-9381ff38cbb7 'cover')
 
 3월 초 TypeScript v5가 공식 릴리즈 되었다. 이 포스트에서는 [MS 블로그에 작성된](https://devblogs.microsoft.com/typescript/announcing-typescript-5-0) 5버전의 기능들을 확인해보고 정리해 보고자 한다.
 
@@ -393,11 +393,11 @@ printValue("hello!", 123); // error!
 
 ## <a name="speed-memory-and-package-size-optimizations"></a>Speed, Memory, and Package Size Optimizations
 
-![size](https://user-images.githubusercontent.com/23524849/231056743-21f6a556-ffc8-4ac8-8449-8036153b34c7.png)
+![size](https://github.com/1ilsang/dev/assets/23524849/fa74be28-12b4-4d85-bd7d-d9cbb3379029)
 
-![compare v5 to v4.9](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2023/03/speed-5.0-stable-2.png)
+![compare v5 to v4.9](https://github.com/1ilsang/dev/assets/23524849/a6f4acaf-fa7f-4464-adab-7615b3ed0e77)
 
-![typescript npm package size](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2023/03/size-5.0-stable-1.png)
+![typescript npm package size](https://github.com/1ilsang/dev/assets/23524849/2571eada-3035-42a1-9e35-1458c0b1d271)
 
 지표에서도 눈에 띄일만큼 변경사항이 있으며 원문 블로그 자체에서도 대부분의 코드베이스에서 10~20% 정도 속도 향상을 느낄 수 있다고 자신하고 있기 때문에 모노레포에서 타입 참조 시간을 많이 줄일수 있을 것이라 기대하고 있다.
 

diff --git a/_posts/js/use-prevet-leave.md b/_posts/js/use-prevet-leave.md
@@ -3,10 +3,10 @@ title: '페이지 이탈시 확인 컨펌창 만들기'
 description: 'usePreventLeave를 알아보자'
 url: 'use-prevent-leave'
 tags: ['usePreventLeave', 'beforeunload', 'popstate', 'popup']
-coverImage: 'https://user-images.githubusercontent.com/23524849/224527867-7128d0f0-04b6-4f6d-93db-4079af82d181.png'
+coverImage: 'https://github.com/1ilsang/dev/assets/23524849/bf2cd78f-1d32-4d08-9fc7-1eb326a35288'
 date: '2023-03-12T06:14:32.600Z'
 ogImage:
-  url: 'https://user-images.githubusercontent.com/23524849/224527867-7128d0f0-04b6-4f6d-93db-4079af82d181.png'
+  url: 'https://github.com/1ilsang/dev/assets/23524849/bf2cd78f-1d32-4d08-9fc7-1eb326a35288'
 ---
 
 유저가 페이지 이탈시 확인 컴펌을 받는 로직이 필요하게 되었고 이에 대한 고민을 공유해 보려고 한다.
@@ -45,7 +45,7 @@ ogImage:
 
 ## beforeunload로 페이지 이탈 방지하기
 
-![prevent](https://user-images.githubusercontent.com/23524849/224527867-7128d0f0-04b6-4f6d-93db-4079af82d181.png 's')
+![prevent](https://github.com/1ilsang/dev/assets/23524849/bf2cd78f-1d32-4d08-9fc7-1eb326a35288 's')
 
 beforeunload 이벤트를 통해 페이지 이동을 감지할 경우 브라우저에서 기본 컨펌창을 제공해 주는데, 크롬 기준 컨펌창은 위의 이미지와 같다.
 
@@ -65,7 +65,7 @@ window.addEventListener('beforeunload', handleBeforeUnload);
 
 위의 내용은 MDN [beforeunload_event#compatibility_notes](https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event#compatibility_notes)에서 자세하게 확인할수 있다.
 
-![error](https://user-images.githubusercontent.com/23524849/226096035-6b2aa45b-d17d-4fc3-80fd-0d9e50a7b853.png 'l')
+![error](https://github.com/1ilsang/dev/assets/23524849/b95db747-a90d-4542-b2af-6a075fdd348a 'l')
 
 beforeunload 이벤트로 작업하다보면 위와같은 에러를 만날수 있는데, 이는 앞서 말한 유저의 명시적 액션(e.g, mousedown)이 없었기 때문에 발생하는 에러이다.
 

diff --git a/e2e/__snapshots__/404.spec.ts/desktop/404.html b/e2e/__snapshots__/404.spec.ts/desktop/404.html
@@ -1,4 +1,4 @@
-<main class="not-found-layout"><nav class="nav flex-wrap water-rainbow"><h2 class="tracking-tight focus:text-gray-700 text-2xl font-bold mt-2 mb-2 ml-3.5"><a class="hover-underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/posts">posts</a></h2><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/tags">tags</a></h2><div class="rounded-full mr-2 relative nav-avatar"><a href="/about"><img src="/assets/chul.png" alt="1ilsang"></a></div></div></nav><div class="not-found-container"><div><img src="/assets/404.webp" alt="surfing" width="720" height="580"></div><audio class="mt-4" src="/assets/jackpot.mp4" controls="" autoplay="" loop=""></audio><pre><code>
+<main class="not-found-layout"><nav class="nav flex-wrap water-rainbow nav-shadow"><h2 class="tracking-tight focus:text-gray-700 text-2xl font-bold mt-2 mb-2 ml-3.5"><a class="hover-underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/posts">posts</a></h2><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/tags">tags</a></h2><div class="rounded-full mr-2 relative nav-avatar"><a href="/about"><img src="/assets/chul.png" alt="1ilsang"></a></div></div></nav><div class="not-found-container"><div><img src="/assets/404.webp" alt="surfing" width="720" height="580"></div><audio class="mt-4" src="/assets/jackpot.mp4" controls="" autoplay="" loop=""></audio><pre><code>
 
       404 ERROR
 

diff --git a/e2e/__snapshots__/404.spec.ts/mobile/404.html b/e2e/__snapshots__/404.spec.ts/mobile/404.html
@@ -1,4 +1,4 @@
-<main class="not-found-layout"><nav class="nav flex-wrap water-rainbow"><h2 class="tracking-tight focus:text-gray-700 text-2xl font-bold mt-2 mb-2 ml-3.5"><a class="hover-underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/posts">posts</a></h2><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/tags">tags</a></h2><div class="rounded-full mr-2 relative nav-avatar"><a href="/about"><img src="/assets/chul.png" alt="1ilsang"></a></div></div></nav><div class="not-found-container"><div><img src="/assets/404.webp" alt="surfing" width="720" height="580"></div><audio class="mt-4" src="/assets/jackpot.mp4" controls="" autoplay="" loop=""></audio><pre><code>
+<main class="not-found-layout"><nav class="nav flex-wrap water-rainbow nav-shadow"><h2 class="tracking-tight focus:text-gray-700 text-2xl font-bold mt-2 mb-2 ml-3.5"><a class="hover-underline" href="/">1ilsang</a></h2><div class="flex"><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/posts">posts</a></h2><h2 class="tracking-tight focus:text-gray-700 text-xl mt-2.5 mr-6"><a class="hover-underline" href="/tags">tags</a></h2><div class="rounded-full mr-2 relative nav-avatar"><a href="/about"><img src="/assets/chul.png" alt="1ilsang"></a></div></div></nav><div class="not-found-container"><div><img src="/assets/404.webp" alt="surfing" width="720" height="580"></div><audio class="mt-4" src="/assets/jackpot.mp4" controls="" autoplay="" loop=""></audio><pre><code>
 
       404 ERROR
 

diff --git a/e2e/__snapshots__/404.spec.ts/mobile/404.png b/e2e/__snapshots__/404.spec.ts/mobile/404.png
diff --git a/e2e/__snapshots__/post/dom.spec.ts/desktop/implicit-coercion.html b/e2e/__snapshots__/post/dom.spec.ts/desktop/implicit-coercion.html
@@ -13,7 +13,7 @@
 <span data-line=""><span style="color:#89DDFF">NaN</span><span style="color:#89DDFF"> ==</span><span style="color:#89DDFF"> NaN</span><span style="color:#676E95;font-style:italic">  // false</span></span>
 <span data-line=""><span style="color:#89DDFF">undefined</span><span style="color:#89DDFF"> ==</span><span style="color:#89DDFF"> null</span><span style="color:#676E95;font-style:italic"> // true</span></span>
 <span data-line=""> </span></code></pre></figure>
-<p></p><div class="img-wrap"><img src="https://user-images.githubusercontent.com/23524849/233840877-eb7e5d64-4d5a-48b8-a960-6c16f99dff41.png" alt="cover" class="cover"></div><p></p>
+<p></p><div class="img-wrap"><img src="https://github.com/1ilsang/dev/assets/23524849/eb6ea24b-99e3-4ee0-b97e-ff2c6c78786e" alt="cover" class="cover"></div><p></p>
 <h3 id="tldr" data-heading="true"><a data-heading="true" href="#tldr"><span class="icon icon-link"></span></a>TL;DR!</h3>
 <ol>
 <li>위 예시의 결과값이 도출되는 과정을 이해한다.</li>
@@ -24,7 +24,7 @@ <h3 id="tldr" data-heading="true"><a data-heading="true" href="#tldr"><span clas
 <p><strong>타입스크립트를 사용하면 되지 않나요?</strong></p>
 </blockquote>
 <h3 id="들어가기-전에" data-heading="true"><a data-heading="true" href="#들어가기-전에"><span class="icon icon-link"></span></a>들어가기 전에</h3>
-<p></p><div class="img-wrap"><img src="https://user-images.githubusercontent.com/23524849/233840925-4bed99f9-37cb-48cf-af23-b5c00ffc31f1.png" alt="primitive-type" class="l"></div><p></p>
+<p></p><div class="img-wrap"><img src="https://github.com/1ilsang/dev/assets/23524849/a00bf58f-aeb8-4a67-b3fd-bf4236d53011" alt="primitive-type" class="l"></div><p></p>
 <blockquote>
 <p><a class="underline-highlight-fade" target="_blank" href="https://velog.io/@imjkim49/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85-%EC%A0%95%EB%A6%AC" rel="noreferrer noopener">이미지 주소</a></p>
 </blockquote>
@@ -55,14 +55,14 @@ <h3 id="암묵적-형변환은-언제-일어나나요" data-heading="true"><a da
 <li>동치 연산자(==)의 경우 피연산자간의 관계에 따라 정의가 다르다.</li>
 </ul>
 <h3 id="동치연산자-한짤로-보기" data-heading="true"><a data-heading="true" href="#동치연산자-한짤로-보기"><span class="icon icon-link"></span></a>동치연산자 한짤로 보기</h3>
-<p></p><div class="img-wrap"><img src="https://user-images.githubusercontent.com/23524849/233842467-9581968c-00a0-47f4-a305-76b3bfdae97f.png" alt="example" class="l"></div><p></p>
+<p></p><div class="img-wrap"><img src="https://github.com/1ilsang/dev/assets/23524849/a3895658-4ac2-4e4c-99b7-c88bb15c9474" alt="example" class="l"></div><p></p>
 <blockquote>
 <p>출처: <a class="underline-highlight-fade" target="_blank" href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness" rel="noreferrer noopener">MDN</a></p>
 </blockquote>
 <p>동치 연산의 관계를 보면 <code>Object</code> 타입의 경우 <code>ToPrimitive</code> 라는 값이 있다.</p>
 <p>이 함수가 암묵적 형변환의 핵심이며, 이 함수를 이해하면 타입 변환의 과정을 이해할 수 있다.</p>
 <h2 id="toprimitive-는-동치연산-뿐만-아니라-원시값과-비교가-필요한-모든-순간에-동작한다" data-heading="true"><a data-heading="true" href="#toprimitive-는-동치연산-뿐만-아니라-원시값과-비교가-필요한-모든-순간에-동작한다"><span class="icon icon-link"></span></a><code>ToPrimitive</code> 는 동치연산 뿐만 아니라 원시값과 비교가 필요한 모든 순간에 동작한다</h2>
-<p></p><div class="img-wrap"><img src="https://user-images.githubusercontent.com/23524849/233842491-1d19517e-6efc-4fc5-9efd-b55233a40929.png" alt="to-primitive"></div><p></p>
+<p></p><div class="img-wrap"><img src="https://github.com/1ilsang/dev/assets/23524849/0475aed2-ae11-4056-a3d4-5b567a2518ba" alt="to-primitive"></div><p></p>
 <p><code>Symbol.toPrimitive</code>: A method that converts an object to a corresponding primitive value. Called by the&nbsp;ToPrimitive&nbsp;abstract operation.</p>
 <blockquote>
 <p><a class="underline-highlight-fade" target="_blank" href="https://262.ecma-international.org/11.0/" rel="noreferrer noopener">ECMA2020</a></p>