Software Engineer

심채윤

안녕하세요, 프론트엔드 개발자 심채윤입니다.
프로젝트의 접근성과 성능을 눈에 띄게 개선한 경험이 있으며, LCP 44% 감소, Lighthouse 접근성 점수 향상 등의 사례를 보유하고 있습니다. 협업을 통해 문제를 해결하고 팀과 함께 성장하는 것을 지향합니다.작은 개선이 큰 차이를 만든다는 믿음으로, 사용자에게 더 나은 경험을 제공하는 개발자가 되겠습니다.

React Core 파헤치기 왓에버멘토링<ul><li>React의 핵심 기능을 JS로 직접 구현하며 내부 동작 원리 학습 (1개월)</li><li>코드 리뷰 및 피드백을 통해 내부 동작 원리와 세부 기술 요소에 대한 인사이트 확장</li></ul>워밍업 클럽 스터디 3기 - CS 전공지식 (주) 인프랩<ul><li>주간 미션을 수행하며 운영체제, 자료구조, 알고리즘 개념 실습 (1개월)</li></ul>

스터디

포텐데이 403기 비사이드<ul><li>다양한 직군과 협업하여 결과를 도출하는 해커톤 (10일)</li><li>성과: 1Pick 3등 수상, 성장 가능성 높은 서비스로 평가 받음</li><li>서비스: 집업 (zipup) - 집들이 선물 펀딩 서비스</li></ul>

해커톤

타입스크립트로 함께하는 웹 풀 사이클 개발 4기 2025.02 'PAD' 프로젝트 - 19개 팀 중 CTO 평가 최우수 프로젝트상, 동료 평가 최우수 프로젝트상 수상<ul><li>Github Issue를 활용하여 버그 및 개선 사항을 효율적으로 관리, 공유</li><li>Discord를 통해 실시간 피드백을 주고 받으며 빠르게 이슈 해결</li></ul>포텐데이 403기 2024.03 '집업' 프로젝트 - 13개 팀 중 동료 평가 1Pick 3등 수상<ul><li>Figma, Notion, Discord 등을 활용해 매일 팀원들과 소통하며 진행 상황 공유</li></ul>

수상내역

리눅스 마스터

SQL 개발자

정보처리기사

Github

Portfolio

🔗<a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://p-a-d.store/"> WebSite</a> 🔗 <a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://github.com/chaeyun-sim/pad-front">Github</a>개발자, 디자이너, 아티스트를 위한 소셜 커뮤니티 서비스역할: 프론트엔드 개발성과: CTO 평가 최우수상 수상, 동료 평가 최우수상 수상 (총 19팀)규모: 팀 프로젝트 (프론트엔드 4명, 백엔드 2명)주요 기술<ul><li>React, Typescript, Vite, TailwindCSS, Zustand, React Query</li><li>React, Typescript로 버튼, 모달, 탭 등 공통 컴포넌트 구현</li><li>atomic 패턴을 적용하여 효율적으로 컴포넌트를 관리함</li><li>적응형 디자인 구현을 통해 다양한 디바이스의 접근성 확보</li><li>검색 성능 최적화를 위해 Zustand를 활용한 검색어 전역 관리 및 디바운싱 기법 적용</li></ul><h5>기능 개발</h5><ul><li>무한 스크롤을 적용하여 유저 피드 및 프로젝트 콘텐츠를 연속적으로 로드</li><li>Lighthouse 검사를 통해 버튼 접근성 문제, 이미지 대체 텍스트, 색상 대비, 동적 메타태그 설정 등을 개선하여 웹 접근성 점수 25% 향상 (80 → 100)</li><li>CDN 폰트 로딩 최적화로 LCP 44% 개선</li></ul>

🔗<a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://zip-up.vercel.app/"> WebSite</a> 🔗 <a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://github.com/zip-up/zipup-frontend">Github</a>집들이 선물 펀딩 서비스역할: 프론트엔드 개발성과: 동료 평가 3등 수상 (총 13팀)규모: 팀 프로젝트 (기획 1명, 디자이너 1명, 프론트엔드 2명, 백엔드 1명)주요 기술<ul><li>Typescript, Next.js, PandaCSS, Recoil, React-Query</li><li>React, Typescript로 Card, Draggable, Button 등 재사용 가능한 UI 컴포넌트 설계</li><li>React Hook Form을 사용하여 입력값 검증 처리</li><li>Next.js Image 컴포넌트를 활용한 이미지 최적화</li></ul><h5>기능 개발</h5><ul><li>가로 스크롤 인터페이스로 자연스러운 탐색 기능 구현 (드래그/휠 지원)</li><li>모달 표시에 배경 페이지 스크롤을 고정하여 모달 집중도를 높임</li><li>카카오톡 친구 공유 기능 및 펀딩 등록 후 알림 기능 개발</li></ul>

집업 (zipup)

🔗 <a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://todo-app-chaeyun.vercel.app/">WebSite</a> 🔗 <a target="_blank" rel="noopener noreferrer" class="notion-link-token notion-focusable-token notion-enable-hover" href="https://github.com/chaeyun-sim/todo-app-client">Github</a>사용자 맞춤형 투두 관리 웹 애플리케이션규모: 개인 프로젝트주요 기술<ul><li>Typescript, React, Vite, React Query, Express.js, MariaDB</li><li>RESTful API 설계 및 구현</li><li>Docker Container를 사용하여 서비스 데이터베이스 환경 구성</li><li>React Query를 활용한 API 호출 처리 및 상태 관리</li><li>Vercel과 CloudType으로 애플리케이션 배포</li><li>JWT 인증을 통한 사용자 로그인 및 권한 관리 구현</li></ul><h5>기능 개발</h5><ul><li>로그인 여부에 따라 개인화된 경험 제공 (작성된 투두 저장, 카테고리 시각화 제공 등)</li><li>Recharts 라이브러리를 활용한 카테고리 별 투두 데이터 시각화</li><li>사용자 맞춤화된 카테고리 별 색상 테마 설정 기능 구현</li><li>접근성 속성 추가, 불필요한 영어 텍스트 제거, 시멘틱 태그 활용 강화 등 개선으로 Lighthouse 웹 접근성 점수 30% 향상 (77 → 100)</li></ul>

투두 앱