김성현

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

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

클라이언트 요구사항을 충족하기 위한 페이지 구현

• 보험 가입/처리를 위한 페이지와 공통 UI 컴포넌트 구현
• 클라이언트 요구사항 충족을 위해 커스텀 time picker 구현

블로그 구축

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

사용자 경험 개선

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

프론트엔드 개발

• 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 영문 문서의 역사적인 오류 수정
• MDN의 JavaScript 레거시 문법에 관한 문서를 한글 번역
• JavaScript의 역사에 관한 약 120쪽 분량의 논문 번역, 배포

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