김성현

팀의 생산성을 위하여 개발 환경을 개선하는 유틸리티 제작

• API 명세를 표 형식으로 변환하는 도구를 만들고 팀에 공유하여 문서 작성 시간 50% 이상 단축
• 보험 용어 목록과 입력 데이터를 비교해 검토하는 도구를 만들고 공유하여 수작업 검토 프로세스 80% 이상 자동화
• 웹소켓 기반 사내 API 통신을 위해 TanStack Query로 제작한 커스텀 훅을 팀 내 공용 유틸리티로 공유

보험 업무 전반에 필요한 페이지 구현

• 보험 가입 프로세스에서 사용자 조건에 따라 흐름이 분기되는 구조와 예외 상황 대응, 상태 관리 구현
• 관리자 페이지에서 사용하는 사고 조회 팝업 전반을 맡아서 구현하고 다수의 페이지와 연동
• 디자인 요구사항에 맞춰 24시간제 입력이 가능하며 키보드 조작과 접근성을 고려한 TimePicker 제작
• Table, Card 등 공통 UI 컴포넌트를 보완하여 재사용성을 높이고, 모든 페이지에서 타입과 함께 활용할 수 있도록 개선

블로그 구축

• Next.js 12를 이용하여 블로그를 구현하고 RSC 업데이트 대응 등의 관리와 개선
• remark 플러그인을 제작하여 TOC 제작, 마크다운 내의 이미지 경로 변경 자동화
• SEO를 위해 OG 이미지 생성기, 사이트 메타데이터, 사이트맵, RSS 피드 도입
• 최신 ESLint 9의 Flat Config를 프로젝트에 도입하고 설정 전환 과정 문서화 🔗 정리 글 링크

사용자 경험 개선

• 블로그에 AI 기반 자동 번역 시스템 구축, 영어 지원을 통해 글로벌 확장성 강화 🔗 정리 글 링크
• 사용자 브라우저의 언어에 맞게 자동으로 언어를 변경하도록 하고 SEO 설정 🔗 정리 글 링크
• 페이지 최적화로 Lighthouse 기준 성능 점수 75점 → 95점으로 개선

운영 중 문제 해결

• 배포 시 빌드 실패 원인이 번들 사이즈임을 파악하고 데이터 구조 변경, 서드파티 코드 작성을 통해 번들 사이즈 70% 감축 🔗 정리 글 링크
• Next.js의 ESLint 플러그인이 동작하지 않는 것이 pnpm의 동작 방식 문제임을 알아내고 근본적인 문제 해결 🔗 정리 글 링크
• 블로그에 새로운 요소들을 추가하며 성능이 떨어진 문제 원인이 불필요한 데이터의 로딩임을 확인하고 해결 🔗 정리 글 링크

프론트엔드 개발

• Next.js 10 + JavaScript 코드를 Next.js 12 + TypeScript로 마이그레이션
• 레거시의 작성자와 논의하여 코드가 작성된 맥락과 의도를 반영한 핵심 기능 중심으로 코드 리팩토링
• 광범위한 요소를 선택하는 DOM API로 작성되어 유지보수가 어렵던 기존 컴포넌트들을 React와 Radix UI 기반으로 마이그레이션

백엔드 개발

• 학생 정보 관리, 강의 출석 관리, 과제 제출 확인, 강의료 계산 등의 기능을 수행하는 API 서버 작성
• Go와 raw query 기반의 기존 코드를 유지보수가 용이한 Node.JS, TypeScript, Prisma ORM 기반으로 마이그레이션
• 디스코드 비대면 강의를 위한 출석 봇을 discord.js 라이브러리로 구현 후 서버와 함께 배포

• 글또 프론트엔드 반상회 발표 - '나의 방식으로 네트워킹 시작하기' 🔗 발표 자료 링크
• JavaScript의 특수한 주석 형식에 관한 글, 네이버 FE News 2024년 2월 큐레이션 선정 🔗 글 링크
• 클로저의 역사에 딥다이브하여 튜링 기계부터 JavaScript까지 되짚어 올라오는 글, 글또 10기 3회차 큐레이션 선정 🔗 글 링크
• 컨텐츠 관리 라이브러리 velite의 소개 글, 글또 9기 10회차 큐레이션 선정 🔗 글 링크
• 타입 시스템의 가변성을 TypeScript로 설명한 글, 글또 9기 1회차 큐레이션 선정 🔗 글 링크

• 컴퓨터, 네트워크, 웹에 관한 간략한 역사와 오해를 바로잡는 발표 🔗 발표 자료 링크
• 블로그를 오랫동안 운영하는 동력을 얻고 좋은 글을 쓰기 위한 노하우에 대한 발표 🔗 발표 자료 링크
• JavaScript의 초기 역사와 언어적인 선택들에 관한 발표 🔗 발표 자료 링크

• 웹 개발에 필수적인 MDN 영문 문서의 역사적인 오류 수정 🔗 PR 목록 링크
• MDN의 JavaScript 레거시 문법에 관한 문서를 한글 번역 🔗 PR 목록 링크
• JavaScript의 역사에 관한 약 120쪽 분량의 논문 번역, 배포 🔗 배포 링크

• GDG on Campus Hongik Univ., SW마에스트로 과정에서 배운 것에 관한 발표 🔗 발표 영상 링크
• GDG on Campus Hongik Univ., 개발자의 진로 설정에 관한 발표 🔗 발표 영상 링크
• 신촌 지역 대학생 약 100명을 대상으로 겨울방학 알고리즘 강의 진행 🔗 강의자료 링크
• 서강대학교 프로그래밍 경진대회(SPC) 운영진 🔗 대회 페이지 링크
• 서강대학교 알고리즘 학회 2022년 임원진으로 활동하며 스터디 진행, 2개의 대회 운영