profile
주니어 프론트엔드 개발자입니다 😎
post-thumbnail

Radix UI Tabs에서 발생한 무한 alert 이슈

갑자기 alert창이 계속해서 뜬다..!

2025년 7월 17일
·
0개의 댓글
·

메인 스레드가 해야 할 일, Web Worker에 맡겼습니다.

크롬 확장 프로그램을 개발하던 중 RSA 키 생성으로 인해 UI 렌더링이 멈추는 문제가 발생 ... Web Worker를 활용해 메인 스레드 블로킹 문제를 해결했습니다.

2025년 4월 1일
·
0개의 댓글
·

통신 암호화로 데이터 안전하게 전달하기

클라이언트부터 서버까지 데이터를 안전하게! 내부망에서 발생할 수 있는 보안 취약점을 통신 암호화를 통해 강화해보았습니다 🔒

2025년 2월 25일
·
0개의 댓글
·

의존성 주입과 테스트 가능한 코드: 뷰모델의 의존성 줄이기

의존성이 높은 코드는 유닛테스트 하기가 어려워요

2025년 1월 23일
·
0개의 댓글
·

원하는 기능이 라이브러리에 없다면? 라이브러리 코드를 활용해서 커스텀 컴포넌트를 만들어보자!

React Native 키보드 문제? 라이브러리 코드를 해부해 해결 완료 🔥

2024년 12월 21일
·
0개의 댓글
·

React hooks는 어떻게 작동하나요? 궁금하니까 소스코드를 들춰보았습니다. (1)

React Hooks가 어떻게 구현되어있는지 궁금해요. - 2

2024년 12월 5일
·
0개의 댓글
·

React Hooks는 어떻게 작동하나요? 궁금하니까 소스코드를 들춰보았습니다. - 기초개념

React Hooks가 어떻게 구현되어있는지 궁금해요. - 1

2024년 11월 28일
·
0개의 댓글
·

Masonry List에서 발생한 무한 로딩 이슈 - Debouncing으로 해결하기

무한로딩 이슈가 발생한 이유를 분석하고 해결한 과정

2024년 10월 18일
·
0개의 댓글
·

Promise.all()을 사용하여 갯수가 유동적인 비동기 작업 처리하기

Promise 여러개 한꺼번에 작업하기

2024년 8월 24일
·
0개의 댓글
·

MVVM 패턴으로 비즈니스 로직 분리하기 (3)

올인원 코드에서 비즈니스 로직을 분리하는 과정 3편

2024년 8월 15일
·
0개의 댓글
·

MVVM 패턴으로 비즈니스 로직 분리하기 (2)

올인원 코드에서 비즈니스 로직을 분리하는 과정 2편

2024년 8월 15일
·
0개의 댓글
·

MVVM 패턴으로 비즈니스 로직 분리하기 (1)

올인원 코드에서 비즈니스 로직을 분리하는 과정 1편

2024년 8월 15일
·
0개의 댓글
·

Axios 코드 재사용하기

Axios 코드 랩핑하기

2024년 7월 9일
·
0개의 댓글
·
post-thumbnail

TypeScript와 Design Pattern

프론트엔드 개발자는 객체 지향 프로그래밍과 디자인 패턴에 어떻게 접근해야할까? 에 대한 개인적인 생각

2024년 6월 28일
·
0개의 댓글
·
post-thumbnail

Compound Component Pattern

비슷하지만 조금씩 다른 컴포넌트는 어떻게 처리할까?

2024년 6월 25일
·
0개의 댓글
·

다국어 텍스트가 지원되는 웹사이트 만들기

i18next 라이브러리를 사용해서 다국어 지원 기능 구현하기

2024년 4월 8일
·
0개의 댓글
·

통신 암호화를 위한 기초 공부2: AES, RSA

Advanced Encryption Standard의 약자로, 대칭현 블록 암호화 알고리즘이다. 레인델(Rijndael) 알고리즘을 사용한다. 암호화 키는 128 비트, 192 비트, 256 비트 중 하나가 될 수 있으며, 각각 AES-256, AES-192, AES-

2024년 3월 18일
·
0개의 댓글
·
post-thumbnail

통신 암호화를 위한 기초 공부 : Base64, ByteArray

Base64 Base64란? 화면에 표시되지 않는 바이너리 데이터를 ASCII 문자열로 표현하는 인코딩 방식이다. ASCII 문자열은 거의 모든 컴퓨터 및 통신 시스템에서 지원하기 때문에 크로스 플랫폼 및 다양한 시스템 간 호환성을 보장하기 위해 사용한다. > 바

2024년 3월 10일
·
0개의 댓글
·
post-thumbnail

Next.js 공부 기록

Next.js를 공부하며 남기는 기록

2024년 2월 19일
·
0개의 댓글
·
post-thumbnail

[Git] 여러가지 merge 전략

리베이스 머지를 할 때마다 충돌이 와장창 일어나서 찾아본 머지 전략. Fast-forward, Merge commit, Squash, Rebase에 대해서 공부한 것을 기록하기.

2024년 1월 30일
·
0개의 댓글
·