2023.07.16 Next.js v.13에서 ‘use client’를 사용했을 경우, v.12에서 router를 이용할 때 처럼 import { useRouter} from ‘next/router’; 를 하게 되면 NextRouter was not mounted라는 런타임 에러가 발생한다. next/router의 useRouter 같은 경우, pages 디렉토리를 이용하지만, v13 부터는 app 디렉토리를 사용하는 데, 이 경우 서버 컴포넌트를 기본적으로 사용하기 때문에 next/navigation을 사용해줘야 된다. import { useRouter } from 'next/navigation'; Linking and Navigating Learn how navigation works in Next.js, and how to use the Link Component and `useRouter` hook.nextjs.org

2023.05.11 const copyUrl = () => { navigator.clipboard .writeText(window.location.href) .then(() => message.success('Successfully copied.')) .catch(() => message.error('Copy link failed.')); }; return ( <Button className={cx('button')} type="default" shape="round" onClick={copyUrl} > Share your link </Button> )

2022.11.15 반복자 패턴 컬렉션의 구현 방법을 노출하지 않으면서 집합체 내의 모든 항목에 접근하는 방법을 제공 각 항목에 일일이 접근할 수 있게 해주는 기능을 집합체가 아닌 반복자 객체가 책임진다는 장점 집합체 인터페이스와 구현이 간단해지게 됨 객체 마을 식당과 팬케이크 하우스 합병 팬케이크 하우스에서 파는 아침메뉴와 객체 마을 식당에서 파는 점심 메뉴를 합치는데, 팬케이크 하우스는 ArrayList를 활용하고, 객체 마을 식당은 배열을 이용해서 메뉴를 저장하고 있 …

2022.10.04 If you receive not_in_channel error when you use slack post message, you probably forgot to add your custom Slack app to the specific channel that you would like to receive notifications. Click Integrations on channel settings and add your custom app. Message Blocks In order to use bold and strikethrough together, you need to use as follows:

2022.08.30 WebP supports both lossy and lossless compression. WebP lossless images are 26% smaller than PNG and WebP lossy images are 25–34% smaller than JPEG. Con: older browser does not support. In Next.js project, you can see the difference. PNG WebP with lossless compression

2022.08.12 Strapi Users & Permissions plugin allows to enable and configure providers, for end-users to login via a third-party provider to access the content of a font-end application through the Strapi application API. It uses Grant and Purest to enable authentication in our application. …

2022.08.05 Image was not rendered after the deployment even though it works in the locally. NFD(Normalization Form DeComposition) Canonical Decomposition of all syllables and save them using the Korean alphabet code Usage in Mac OS X NFC(Normalization Form Composition) Canonical Decomposition of all syllables followed by Canonical Composition Usage in GNU/Linux system, usually in Windows

2022.06.27 Please see the previous post for the details: https://paigekim29.medium.com/toast-ui-editor-next-js-c9b48927fbf7

2022.05.16 34. Find First and Last Position of Element in Sorted Array Medium Given an array of integers nums sorted in non-decreasing order, find the starting and ending position of a given target value. If target is not found in the array, return [-1, -1]. You must write an algorithm with O(log n) runtime complexity. Example 1: Input: nums = [5,7,7,8,8,10], target = 8 Output: [3,4] Example 2: Input: nums = [5,7,7,8,8,10], target = 6 Output: [-1,-1]