본문으로 바로가기
포트폴리오로 돌아가기
WEB FEATURE REFERENCE

웹에 필요한 기능을, 이해하고 선택하다.

웹사이트 기능을 검색·비교하고, 사용자 흐름과 구현 체크리스트를 살펴보는 한국어 레퍼런스. 패킨웹(PackinWeb)이라는 이름으로 공개했습니다.

PROJECT
패킨앱
참여한 일
개인 프로젝트 · 기획 · AI 활용 제작
작업
기능 라이브러리 · 비교 · 컬렉션 · 체크리스트

작업에 담은 생각.

01

왜 만들었나요?

개발자가 코드 오류 하나를 고치거나 기능 하나를 만들기 위해 여러 사이트와 문서를 뒤져야 하는 불편함에서 시작했습니다. 필요한 설명과 구현 방법, 참고 자료를 한곳에서 편하게 찾을 수 있게 하려고 패킨앱을 만들었습니다.

02

찾기에서 선택까지

이름과 키워드로 검색하고 분야·목적·난이도로 범위를 좁힙니다. 최대 3개 기능을 나란히 비교하고, 필요한 항목을 컬렉션에 저장할 수 있습니다. 서비스 유형별 체크리스트는 JSON 파일로 내려받아 기획에 참고하도록 구성했습니다.

03

기능명보다 자세한 설명

각 가이드는 도입 이유, 사용자 흐름, 필수 구성 요소, 예외 상황과 구현 선택지를 같은 목차로 정리합니다. 보안·개인정보·접근성 점검 항목과 공식 참고 자료도 함께 두었습니다. 2026년 10월 20일 공개 화면 기준 16개 분야·108개 가이드가 있으며, 이는 콘텐츠 규모이지 이용자나 사업 성과가 아닙니다.

04

현재 작업 범위

패킨앱은 공개 사이트에서 패킨웹(PackinWeb)으로 소개하는 개인 웹 프로젝트입니다. AI를 활용해 제작했으며 기능 설명과 탐색·비교·저장 흐름을 중심으로 정리했습니다. 로그인이나 결제 가이드가 있다는 것이 이 사이트에서 실제 인증이나 금융 거래를 제공한다는 뜻은 아닙니다. 가이드는 구현 전 검토를 돕는 참고 자료입니다.

개인 프로젝트 기록입니다. 공개 링크의 현재 서비스 상태는 달라질 수 있습니다.

필요한 웹 기능을 찾는 라이브러리

실제 공개 사이트의 첫 화면입니다. 분야별 메뉴와 기능 검색, 비교·컬렉션·서비스 체크리스트로 이어지는 입구를 볼 수 있습니다. 16개 분야와 108개 가이드 표시는 캡처 시점의 콘텐츠 수량입니다.

패킨앱 · 필요한 웹 기능을 찾는 라이브러리
NEXT PROJECT

잡서칭