프론트엔드 개발자

윤정현

더 많은 사용자에게 더 좋은 사용자 경험을 줄 수 있는 개발자를 지향하는 3년 차 프론트엔드 개발자입니다.

성실함

책임감

효율적

커뮤니케이션

문제 해결사

정보처리기사

Blog

GitHub

<ul><li>기존의 NextJS SSG로 만들었던 블로그를 Gatsby로 이전</li><li>비정기적으로 글 작성</li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://wablog.vercel.app">링크</a></li></ul>

와블로그

<ul><li>여러 곡을 검색 후 담으면, 리스트에 기반한 곡을 추천해주는 서비스</li><li>NextJS, Typescript, styled-components, React Query, Spotify API</li><li>Spotify API를 이용한 노래 검색 및 추천곡, 최근 몇 개월 많이 들은 곡 제공</li><li>미디어쿼리 및 ThemeProvider를 이용한 반응형 웹 지원</li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://oneul.vercel.app">링크</a></li></ul>

오늘

<h4>건강검진 예약 플랫폼인 ‘착한의사’ B2C, B2B2C 프로덕트 프론트엔드 개발</h4><ul><li>SEO 개선<ul><li>병원명 검색 시 1페이지 내 노출(색인된 페이지 200% 증가), 유입 트래픽 증가</li><li>CLS(Cumulative Layout Shift) 개선을 위한 스켈레톤 설정</li><li>시맨틱 태그로의 리팩토링 및 UI에 표시되지 않는 h1 태그 설정</li><li>캐노니컬 태그 설정으로 중복페이지 크롤링 빈도 낮춰, 중요 페이지에 크롤링 집중</li></ul></li><li>적극적으로 UI/UX 개선 의견 제시 및 적용<ul><li>검색창 키보드 네비게이션, 로딩 처리 등 UX 최적화</li><li>a, button 태그와 aria-label, alt 속성 등을 수정 → 웹 접근성 및 UX 개선</li><li>상품 리스트 필터를 URL과 연동하여 뒤로 가기 시, 필터 유지 기능 개선</li></ul></li><li>styled-components → Tailwind 마이그레이션<ul><li>빌드 타임 스타일 생성으로 성능 개선</li></ul></li></ul>

<h4>웹 브라우저를 이용한 화상회의 솔루션 리모트미팅 프론트엔드 개발</h4><ul><li>웹접근성 개선<ul><li>시멘틱 구조로 코드 개선 및 키보드 동작 지원</li></ul></li><li>렌더링 최적화<ul><li>사용하지 않는 상태를 구독 중인 커스텀훅 제거</li><li>useMemo, useCallback, React.memo를 활용한 불필요한 리렌더링 최소화</li></ul></li><li>화상회의에 아바타 모드 개발<ul><li>아바타 로직을 모아두는 모듈을 개발하여 코드 응집도를 높이고 유지보수성 개선</li><li>관련 기능을 단일 모듈로 관리하여 개발 생산성을 향상을 도모</li></ul></li></ul>