미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 이서윤
- 간단소개
- 사용자의 불편을 해결하는 프론트엔드 개발자, 이서윤입니다. POD(Print on Demand) 스타트업에서 콘텐츠 디자인과 웹 서비스 운영을 경험하며, 사용자 경험 개선의 중요성을 배웠습니다. 출시 전, 인쇄 판형 오류를 발견해 문제를 조기에 차단했고, 출시 후 할인 가격 오류를 기획팀과 협업해 수정하였습니다. 또한, 인쇄 번짐 현상을 분석하여 SVG 파일 매핑 오류를 해결한 경험이 있습니다. 이러한 경험을 통해 문제를 논리적으로 분석하고, 협업을 통해 해결하는 방법을 배웠습니다. 현재는 Next.js, React, TypeScript, Zustand, TanStack Query 등을 활용하여 비동기 데이터 처리와 UI 성능 최적화에 집중하고 있습니다. React Query를 통해 데이터 캐싱과 상태 관리를 최적화하고, MSW 도입을 제안하여 팀의 API 지연 문제를 해결하는 데 기여했습니다. 또한, 백엔드 API 개발 지연 상황에서 일정 조율을 주도하여 팀의 개발 효율성을 높이고 프로젝트 마감 기한을 지킬 수 있었습니다. 앞으로도 끊임없는 학습과 문제 해결을 통해 사용자 경험을 개선하며 팀에 가치를 더하는 개발자가 되겠습니다.
기술 스택
- 기술 스택
- TypeScript
- React
- zustand
- TailwindCSS
- emotion
- react-query
프로젝트
- 프로젝트명
- 투자 매매전략을 공유하고 중개하는 소셜 플랫폼, 트레들리
- 소속/기관명
- 기타
- 프로젝트 기간
- 2024.10. - 2024.12.
- (3개월)
- 프로젝트 설명
인원 12명(프론트 5명 / 백엔드 6명 / 디자인 1명)
기술스택: React.js, TypeScript, Emotion, Zustand, TanStack Query, MSW
프론트엔드 팀장으로 협업 및 개발 주도
코드 구조 및 개발 방향을 정리하고, 개발 일정 조율 및 코드 리뷰를 통해 코드 품질 유지
백엔드 API 개발 지연 문제 해결을 위해 일정 조율 주도, 마감 기한 설정으로 API 제공 속도 향상
MSW 도입 및 프론트엔드 개발 환경 개선
컨퍼런스에서 얻은 인사이트를 바탕으로 MSW 도입을 제안, 개발 초기에도 UI 개발 및 테스트 가능하도록 유도
이전 프로젝트에서 Axios 인터셉터를 직접 사용한 경험을 바탕으로, API 요청/응답 처리를 일관되게 관리할 수 있도록 인터셉터 도입을 제안
문의하기 기능 최적화 및 데이터 캐싱 적용
API 요청을 줄이고 성능을 최적화하기 위해 문의 기능을 역할별로 컴포넌트 분리
문의 목록 및 상세 조회에서 불필요한 API 호출을 방지하고, React Query 캐싱을 적용하여 데이터 일관성 유지
답변 작성 및 조회 기능을 React Query 기반으로 리팩토링하여 중복 요청 방지 및 상태 관리 효율화
전략 승인 관리 기능 최적화
React Query invalidateQueries를 활용하여 승인/거부 후 즉시 최신 데이터 반영 및 UI 자동 업데이트
배포사이트(
현재 서비스 운영 종료)
- 프로젝트명
- 고양이 주식 게임, 냥트코인
- 소속/기관명
- 기타
- 프로젝트 기간
- 2024.09. - 2024.11.
- (3개월)
- 프로젝트 설명
인원 5명(프론트 5명)
기술스택: Next.js, TypeScript, Socket.io, Zustand, Tailwind CSS
프로젝트 팀장으로 협업 및 개발 주도
팀 회의를 주도하며 핵심 기능 기획 및 일정 조율(게임 기획 참여 과정)
역할을 기능별로 분배 및 진행 상황 조율로 개발 효율 극대화
게임방 퇴장 및 상태 동기화 개선
모바일 환경에서
beforeunload이 동작하지 않는 문제 해결 →visibilitychange이벤트 추가하여 앱 전환(백그라운드) 또는 탭 변경 시 자동 퇴장 처리소켓 연결 상태 감지 후
cleanupAndRedirect()함수로 연결 해제 및 페이지 이동 처리
Toast 상태 충돌 해결 및 UI 안정화
requestAnimationFrame을 적용하여 렌더링 중 상태 업데이트 충돌 방지 및 UI 갱신 최적화
대외활동
- 활동명
- 노마드 코더 ReactJS 스터디
- 소속/기관
- 노마드 코더
- 활동 연도
- 2023
- 활동 상세 설명
프로젝트 및 활동 요약
Crypto Tracker: ReactJS와 API를 활용한 실시간 암호화폐 추적 웹사이트 제작
NextJS 학습: 서버사이드 렌더링 및 정적 사이트 생성에 대한 이해를 심화
미니 트위터 클론: NextJS로 소셜 미디어 클론 사이트 개발.
모각코 주최: ReactJS 과제 수행 및 코드 리뷰를 통한 네트워킹과 팀워크 강화
2023년 초, 저는 웹 프론트엔드 기술을 강화하기 위해 노마드 코더 ReactJS 스터디에 참여해 ReactJS, Typescript, NextJS, SWR, Prisma 등을 학습
교육
- 소속/기관
- 패스트캠퍼스 데브캠프: 김민태의 프론트엔드 개발 1기
- 종류 | 전공명/전공계열
- 사설 교육
- 재학 기간 (재학 상태)
- 2024.05. - 2024.12. (졸업)
- 소속/기관
- 청강문화산업대학교
- 종류 | 전공명/전공계열
- 대학교(전문학사) | 에코디자인전공(시각디자인)
- 재학 기간 (재학 상태)
- 2012.03. - 2015.02. (졸업)
경력
- 회사명
- 위블링
- 직책 • 부서
- 디자이너 • 콘텐츠디자인팀
- 근무 기간 (근무 형태)
- 2021.11. - 2022.04.
- (6개월 | 계약직)
- 담당 업무
한달에 4종 디자인 템플릿 디자인 제작
스냅스, 오프린트미 디자인 운영 매니저
디자인 클립아트 등록
- 회사명
- 브랜드스미스
- 직책 • 부서
- 디자이너 • 디자인팀
- 근무 기간 (근무 형태)
- 2020.04. - 2021.03.
- (1년 | 정규직)
- 담당 업무
- 현대카드 디자인관련 운영, 보수업무
- 동아제약 패키지 디자인 제작
- 회사명
- 유케이플래닛
- 직책 • 부서
- 디자이너 • 디자인팀
- 근무 기간 (근무 형태)
- 2015.04. - 2019.07.
- (4년 4개월 | 정규직)
- 담당 업무
- 삼성생명 디자인관련 운영, 보수업무
- 삼성생명, 농협생명 편집 디자인 제작