Psh' Portfolio

항상 탐구하는 개발자

Front-end

Developer

프론트앤드 개발과 퍼블리싱을 주로 다룹니다

React.js ㆍ Next.js ㆍ Tailwind ㆍ Python

Projects

Portfolio 2026

디자인이 마음에 들었던 phm6530/portfolio-ver-2025를 레퍼런스로 삼아 진행한 포트폴리오 클론 코딩. 디자인 톤은 거의 그대로 따라가되 내부는 학습 목적으로 완전히 재구성했다. 레퍼런스가 Vite + React 18 SPA + S3 배포였다면, 작업본은 Next.js 16 + React 19 + Supabase SSR로 옮기고 폴더 구조는 FSD로 갈아엎었으며, 배포는 Vercel 대신 시놀로지 NAS + GitHub Actions + Watchtower + 텔레그램 알림으로 직접 만들었다. 1차 사용자는 채용 담당자와 동료 개발자다.

사이언스스타

(주)사이언스스타 공식 쇼핑몰 리뉴얼. 초·중·고 과학 교사와 학교 행정 담당자, 그리고 대량 도매 중간업자가 학년·학기·단원 단위로 실험 기구를 빠르게 찾고, 후불제 결제와 견적서·품의서를 직접 발급할 수 있도록 정보 구조와 자가 처리 흐름을 재설계했다. 카페24 스마트디자인 빌더 안에서 끝내야 하는 호스팅 제약 아래 바닐라 자바스크립트와 html2canvas로 전 기능을 구현했고, 오픈 후 CS 문의가 70% 감소, 카카오 실시간 채팅을 결합한 뒤에는 90% 이상 감소했다.

명신메디칼

(주)명신메디칼 공식 웹사이트 신규 런칭. 원적외선 의료용 온열기 제조사로서 국내 병원·요양시설부터 해외 바이어, 조달청 입찰 담당자까지 폭넓은 1차 사용자를 한 사이트에서 응대해야 했고, 비개발자 운영자가 제품 데이터를 직접 관리할 수 있는 환경을 Gnuboard 5 기반으로 구축했다. 작업 시점은 2018년이다.

안녕하세요!
프론트엔드 개발자 Psh' 입니다.

에이전시 경험을 기반으로 사용자 중심의 직관적인 인터페이스 설계와 UI/UX와 기술을 아우르는 하이브리드 전문가로 성장하고 있습니다.

About me

value 01

0~

2017년 웹 퍼블리싱으로 입문한 뒤 Php를 거쳐 React와 Next.js로 전향하며 프론트엔드 역량을 꾸준히 확장해왔습니다.

value 02

0+

삼성닷컴, LG ThinQ 하이브리드앱, 병원·기업 사이트 등 다양한 도메인에서 25개 이상의 프로젝트를 설계·개발·런칭했습니다.

value 01

프론트엔드 개발

기획부터 디자인·개발·배포까지 경험하며, React와 Next.js의 구조 설계와 렌더링 원리를 깊이 이해합니다.

value 02

사용자 중심의 UI·UX

최신 디자인 시스템을 활용해 일관된 퍼블리싱과 접근성 높은 인터랙티브 UI를 고려합니다.

value 03

지속적인 성장

새로운 기술을 학습하고 강의를 통해 지식과 경험을 쌓고 있습니다.

Stack

최신 프론트엔드 트렌드를 반영해 구조적 설계와 렌더링 최적화에 집중하고, 협업과 서비스 품질 향상을 위해 백엔드와 인프라를 함께 이해하며 개발합니다.

기술 스택 활용 비중100%

Front-end50%

Back-end20%

Infra & Design15%

Python & AI15%

Front-end(전문 분야)

Back-end(협업 이해)

Infra & Design(운영 경험)

Python & AI(도구 활용)

Front-end

최신 프론트엔드 흐름을 반영하며 구조적 설계와 사용자 경험, 렌더링 최적화에 초점을 두고 개발하며 빠른 퍼블리싱과 인터렉티브 UI를 구현하는 것을 즐깁니다.

typescript

next.js

react

react-query

zustand

react-hook-form

zod

gsap

tailwind

scss

vitest

nextauth

Server Stack

프론트엔드 개발자로서 백엔드 아키텍처와 데이터 흐름을 이해하며, 협업 과정의 효율성과 기술적 시야를 넓혀가고 있습니다.

node.js

mysql

mongodb

postgresql

supabase

Infra & Design Tool

배포 및 인프라 환경에 대한 시야를 넓히고 안정적인 서비스 구현을 하기 위해 정진하고 있습니다.

aws

git

vercel

docker

figma

photoshop

AI & Automation

AI 도구를 활용한 개발 효율화와 자동화에 관심을 가지고, 일상적인 워크플로우에 적용하며 프로덕트 품질을 끌어올리는 데 활용합니다.

python

claude-code

Projects

인터랙티브 웹 퍼블리싱 경험과 React, Next.js 기반의 애플리케이션 개발 경험을 함께 담았습니다. 기술과 사용자 경험을 함께 고민하며 작업한 결과물입니다.

1 / 3

Portfolio 2026

1명 (참여율 100%)•30일

View Project

국제통합의과학회

국제통합의과학회(IMSA) 공식 웹사이트 신규 구축. 의대 교수·연구원·일반 의료인이 함께 사용하는 학회 자료실로, 비회원부터 관리자까지 7단계 권한 체계와 가입 승인제를 통해 자료 접근을 통제하고, Gnuboard5 기반으로 비개발자 운영자가 직접 콘텐츠와 회원 등급을 관리할 수 있도록 설계했다.

3명 (기획, 디자인, 개발: 참여율 100%)•10일

View Project