김성현 (Kim Sung Hyun)
프론트엔드 개발자입니다.
자신의 일을 사랑한다고 단 1초도 망설이지 않고 말하는 개발자들을 보고 마음이 끌려 개발자가 되었습니다. 그런 사람들과 함께 문제를 해결하고 원리를 탐구하는 것을 즐깁니다.
- 블로그: https://witch.work
- GitHub: https://github.com/witch-factory
- 이메일: [email protected]
보유 기술
경력
Tmax FinAI
2023.08 - 현재, 프론트엔드 연구원
배달서비스공제조합 관리자 서비스
- 기술: React, TypeScript, styled-components, React Hook Form, React Query
- 보험처리를 위한 사고 정보 열람 페이지/팝업, 진료비 조회, 현장 출동 정보 페이지 구현
- 보험 가입 프로세스 단계별 페이지와 단계별로 변하는 UI, 에러 처리 구현
- 보험 페이지 전반에서 사용되는 탭, 라디오버튼, 프로그레스 바, 칩 등의 공통 컴포넌트 구현
- 클라이언트 요구사항 충족을 위해 HTML 시간 입력 필드의 동작을 분석하여 time picker 구현
프로젝트
신촌지역 대학생 프로그래밍 동아리 연합 프로그램 관리
2024.05 - 현재, 프로그램 관리팀장
- 연합 홈페이지와 연합에서 운영하는 알고리즘 캠프의 관리자 페이지 개선, 관리
- 학생 정보 관리, 강의 출석 관리, 과제 제출 확인, 강의료 환급 등의 기능과 페이지 구현
프론트엔드
- 기술: Next.js, TypeScript, styled-components, Radix UI, SWR
- Next.js 10 + JavaScript 코드를 Next.js 12 + TypeScript로 마이그레이션
- 기존 코드의 작성자와 코드의 의도를 논의하고 현재 필요한 기능과 확장 가능성을 고려하여 코드 리팩토링
- 광범위한 요소를 선택하는 DOM API 기반으로 짜여 변경을 어렵게 하던 코드를 React hook 기반으로 재작성
- 공통 컴포넌트에서 사용되지 않던 기능을 제거하고 Radix UI 라이브러리를 도입해 코드를 간결하게 개선
백엔드
- 기술: Express, Prisma, Google Cloud Platform, Vitest
- Go와 raw query 기반으로 되어 있었던 기존 코드의 유지보수가 불가능하다고 판단하여 Node.JS, TypeScript, Prisma ORM 기반으로 재작성
- 디스코드 비대면 강의의 출석을 위해 discord.js 라이브러리를 이용해 출석 봇을 만들고 서버와 같이 배포
개인 블로그 제작 [블로그] [GitHub]
2023.05 - 현재
- 기술: Next.js, TypeScript, Vanilla-extract
- remark 플러그인을 작성하여 글 목차, 썸네일 자동 생성 구현
- 디바운싱 최적화가 적용된 글 검색, Redis를 사용한 조회수 카운터 기능 구현
- 사용자에게 컨텐츠를 빠르게 전달하기 위해 페이지 성능을 개선하여 lighthouse 성능 점수 20점 이상 향상
- Next.js 13 버전의 RSC를 사용하도록 코드 변경, 라이브러리 버전 업데이트에 따른 코드 수정 등의 이슈 해결
사회인 밴드 플랫폼 밴드웨건 [GitHub]
2022.07 - 2022.11, 소프트웨어 마에스트로 13기
- 기술: React, TypeScript, Zustand, Tailwind CSS
- 로그인, 회원가입, 회원 정보 관리, 밴드 관리, 구인구직 게시판, 일정 관리 페이지 구현
발표
오픈 컨퍼런스 BBConf [홈페이지] [발표자료 아카이브]
2020 - 현재
- '마녀'라는 닉네임으로 컨퍼런스 발표
- '블로그로 진짜 개발자처럼 보이는 법'
- 'JS는 왜 이 모양 이 꼴일까?'
- '텍스트 에디터 제작기'
GDSC Hongik
활동
JavaScript 관련 활동
신촌지역 대학교 프로그래밍 동아리 연합 [홈페이지]
2022 - 2023
서강대학교 컴퓨터공학과 알고리즘 문제해결 학회 Sogang ICPC Team [홈페이지]
2020 - 2022
수상
신촌지역 대학교 프로그래밍 동아리 연합
- 2022 겨울 신촌지역 대학교 프로그래밍 동아리 연합 대회 5등(팀명: ECM)
- 2021 여름 신촌지역 대학교 프로그래밍 동아리 연합 대회 9등(팀명: ECM)
- 2021 여름 신촌지역 대학교 프로그래밍 동아리 연합 알고리즘 캠프 콘테스트 초급 3등
전국 대학생 프로그래밍 대회 동아리 연합 [홈페이지]
- 2022년 여름 대회 본선 진출(팀명: 축하합니다 김준호)
교육
서강대학교 기계공학과/컴퓨터공학과
2015.03 - 2023.02
- 컴퓨터공학 전공학점 4.03/4.3
외국어
- OPIc(영어) IM2(2023.03.10)