세록세록
🏷️ Tags
💻 Profile
profile_image
amaranth
개발자
후회없는 오늘을 위해 최선을 다하자
🔎 Search
💻 개발 Posts
💻 개발

실시간 타이핑 UI로 체감 로딩시간 줄이기(feat. Event Stream)

2025년 11월 9일

사용자 경험 개선을 위해 Event Stream 기반의 실시간 데이터 처리를 구현했습니다.

프론트엔드
UX·디자인
💻 개발
클라이언트(localStorage) 기반 인증에서 서버(httpOnly 쿠키) 기반 인증으로 개선하기(feat. Next.js+Supabase)

클라이언트(localStorage) 기반 인증에서 서버(httpOnly 쿠키) 기반 인증으로 개선하기(feat. Next.js+Supabase)

2025년 11월 8일

인증/인가 로직 주체를 서버 사이드로 이전하면서, 클라이언트 인증 상태에 따른 화면 깜빡임 현상을 해결하였습니다.

프론트엔드
웹·네트워크
프로젝트
💻 개발
Q. 왜 기본 img 태그 대신 next/Image를 사용하셨나요?

Q. 왜 기본 img 태그 대신 next/Image를 사용하셨나요?

2025년 10월 31일

next/Image의 장점

React
프론트엔드
💻 개발
useEffect와 useLayoutEffect의 차이점에 대해서 설명해주세요

useEffect와 useLayoutEffect의 차이점에 대해서 설명해주세요

2025년 9월 14일

React Hook useEffect와 useLayoutEffect를 비교해보았습니다.

React
💻 개발
프로젝트 장작 - 1. 프로젝트 설계

프로젝트 장작 - 1. 프로젝트 설계

2025년 9월 12일

목표 관리 & 동기부여 서비스 ‘장작’을 기획하며

프로젝트
설계
💻 개발
Q. tanstack-query에서 stale time과 gc time의 차이점에 대해서 설명해주세요

Q. tanstack-query에서 stale time과 gc time의 차이점에 대해서 설명해주세요

2025년 8월 29일

React
프론트엔드
💻 개발
Q. 리액트에서 변수 관리 시 useRef를 사용하는 것은 let을 사용하는 것과 어떤 차이가 있나요?

Q. 리액트에서 변수 관리 시 useRef를 사용하는 것은 let을 사용하는 것과 어떤 차이가 있나요?

2025년 8월 17일

React
💻 개발

디자인 시스템 설계 과정에서 고민했던 개발 측면에서의 논의점들(feat. Storybook 스터디)

2025년 7월 10일

디자인 시스템을 구축하면서 논의했던 문제들

프론트엔드
UX·디자인
💻 개발

[Next.js] 다국어 처리 라이브러리 i18next 사용해보기

2024년 10월 1일

next-i18next를 사용해보자.

프론트엔드
React
💻 개발
[Next.js] next-auth로 백엔드 없이 카카오 로그인 구현하기

[Next.js] next-auth로 백엔드 없이 카카오 로그인 구현하기

2024년 9월 24일

백엔드 없이 카카오 로그인을 구현해보자

프론트엔드
React
웹·네트워크
💻 개발

[Next.js] Tiptap 라이브러리로 마크다운 뷰어 구현하기

2024년 9월 6일

서버 컴포넌트와 클라이언트 컴포넌트에 대해 알아보자

프론트엔드
React
💻 개발

[Next.js] zustand+persist로 인증정보를 관리할 시 딜레이가 발생하는 문제

2024년 8월 30일

zustand를 사용하면서 발생한 문제를 해결해보았다.

프론트엔드
React
💻Profile
amaranth
개발자
후회없는 오늘을 위해 최선을 다하자
github
email
linkedin
💌 Friends
⬅ Old Blog