sloth255 profile

sloth255(개인 개발) 포트폴리오

실용적이고 사용자 친화적인 웹 애플리케이션을 개발합니다

애플리케이션

Own Info App

네트워크 및 디바이스 정보를 빠르게 확인하고 공유하세요. 모바일이나 PC에서.

Live

개발자 및 테스터를 위한 환경 정보 체커

문제 해결이나 버그 신고 시 "환경 정보를 알려주세요"라고 요청받아 정보를 수집하는 데 시간이 오래 걸리지 않았나요?

Own Info App은 모바일이나 PC에서 필요한 모든 정보를 한 페이지에 표시하여 원클릭으로 복사하고 공유할 수 있게 해줍니다.

이런 상황에서 유용합니다:

원격 지원 시 환경 확인 (모바일 사용자 문의 포함)
버그 리포트 작성 시 정보 수집
반응형 디자인 테스트
멀티 디바이스 호환성 확인

주요 기능

네트워크 정보

글로벌 IP 주소, 위치 정보(국가), 네트워크 제공업체 등

디바이스 정보

OS, 브라우저, 언어 설정, 화면 해상도 등

간편한 공유

모바일이나 PC에서 원클릭으로 복사 및 공유

다국어 지원

영어, 일본어, 중국어, 한국어, 독일어, 프랑스어, 스페인어, 포르투갈어 지원

기술 스택

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics

최신 블로그 게시물

최근 기사 및 업데이트

Released Own Info App — Minimal App with Next.js (SSG) × S3 × CloudFront

This article introduces "Own Info App" a multilingual web application built with Next.js 15 (SSG), deployed on S3 + CloudFront, that displays network and device information with copy/share functionality, featuring CloudFront Functions for URL rewriting, per-locale SEO optimization, and a GitHub Actions CI/CD pipeline for automated deployment.

작성자 Sloth255
더 읽기

Refactoring State Management with Next.js × Zustand

LThis article describes refactoring state management in a Next.js 15 app by introducing Zustand with a slice pattern and bounded store architecture, consolidating data fetching logic from scattered components into the store layer with session persistence, TTL-based caching, and retry mechanisms to improve performance and reliability.

작성자 Sloth255
더 읽기

Multilingual Architecture with Next.js App Router + Static Export

This article describes a multilingual architecture for Next.js 15 App Router with static export constraints, using React Context API for i18n and combining server-side static generation with client-side browser language detection for optimal SEO and UX. The approach generates all pages in a default language at build time while automatically redirecting users to their preferred language on the client side.

작성자 Sloth255
더 읽기