Open in app

Sign In

Write

Sign In

Joo Hee Paige Kim
Joo Hee Paige Kim

64 Followers

Home

Lists

About

Published in

더핑크퐁컴퍼니 기술 블로그

·Aug 30

Retool을 활용한 로그 데이터 시각화

안녕하세요, The Pinkfong Company에서 프론트엔드 개발을 하고 있는 페이지입니다. 🙆‍♀️ Retool을 이용하여 로그 시각화를 도입하는 과정에서 제가 얻게 된 지식과 팁을 공유하고자 합니다. 기존에는 앱에서 생성되는 로그를 Elastic Search에 적재 한 후 그 데이터를 Kibana를 활용하 …

Retool

12 min read

Retool을 활용한 로그 데이터 시각화
Retool을 활용한 로그 데이터 시각화
Retool

12 min read


Jul 16

Error: NextRouter was not mounted.

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

Nextjs

2 min read

Nextjs

2 min read


May 11

How to Copy Text to Clipboard

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> )

1 min read

1 min read


Nov 15, 2022

헤드퍼스트 디자인패턴: 반복자 패턴과 컴포지트 패턴

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

13 min read

13 min read


Oct 4, 2022

Slack post message error

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:

Slackbot

2 min read

Slack post message error
Slack post message error
Slackbot

2 min read


Aug 30, 2022

WebP(Web Picture format)

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

Webp

1 min read

Webp

1 min read


Aug 12, 2022

Customize nested NPM dependency

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. …

Customize

1 min read

Customize

1 min read


Aug 5, 2022

NFD vs. NFC

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

Nfc

1 min read

Nfc

1 min read


Jun 27, 2022

How to connect Toast UI Editor with Next.js(TypeScript)

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

Toast

1 min read

Toast

1 min read


May 16, 2022

34. Find First and Last Position of Element in Sorted Array

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]

Algorithms

1 min read

Algorithms

1 min read

Joo Hee Paige Kim

Joo Hee Paige Kim

64 Followers

Consistency achieves everything https://github.com/paigekim29

Following
  • Strapi

    Strapi

  • Netflix Technology Blog

    Netflix Technology Blog

  • 쿠팡 엔지니어링

    쿠팡 엔지니어링

  • Renzo Regio

    Renzo Regio

  • Paul Sweeney

    Paul Sweeney

See all (12)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams