👨💻 항상 개선점을 찾아나가는 개발자
경력기술서 url 바로가기 >
const brian = {
name: "김현민",
email: "[email protected]",
tel: "010-9484-7072",
github: "<https://github.com/wokbjso>",
blog: "<https://doyourbestcode.tistory.com>"
}
“완벽함”이란 존재하지 않다고 생각하기에 부족함을 채워주며 함께 성장하고, 개선 요소를 찾으려 노력하는 ****프론트엔드 개발자 김현민입니다.
- 백엔드에서 데이터를 받아온 후, React, Next, Typescript를 활용하여 가공한 데이터들을 가독성이 좋은 UI로 나타내고 배포한 경험이 있습니다.
- 성능이 좋지 않은 서비스를 이용 후, 모든 사용자들에게 쾌적한 환경을 제공해 줄 수 있는 개발자가 되고 싶어 프론트엔드 개발자가 되고 싶었습니다.
- 더 나은 UI/UX를 위해 적용해야 할 올바른 방법을 빠르게 판단할 줄 아는 개발자가 되기 위해 노력하고 있습니다.
- 사람의 기억은 휘발성이 강합니다. 습득한 지식을 저만의 언어로 체득하고, 추후 복습하기 위해 블로그를 운영하며, 35+ 포스팅을 작성하였습니다.
- 실무에 빠르게 적응할 수 있도록 멋쟁이 사자처럼, CEOS, 디프만, 인턴 ****등 여러 경험들을 통해 효율적인 협업을 배워나가고 있습니다.
Work Experience
(주)헬퍼로보틱스 프론트엔드 인턴(2023.06 ~ 2023.12)
Jobs
- 매장에서 로봇 서빙시 사용하는 웹 서비스 유지 보수
- 메뉴판 선택, 배터리 부족 알림, 생일축하 이벤트 등 기능 구현
Contributions
로봇 서빙시 발생한 모든 에러들을 한눈에 관리할 수 있는 서비스 구축(무한스크롤 도입)
- Why?
- 많은 로봇 에러들을 실시간으로 한눈에 파악할 수 있는 서비스의 필요성
- 수많은 에러들을 한번에 불러온다면, 대략 5초 이상 소요
- How?
- useInfiniteQuery훅과 react-intersection-observer 라이브러리를 사용한 무한스크롤 구현
- Prize!
- 에러 개수와 무관하게 화면의 초기 로딩 속도를 1초 이내로 일정하게 유지
프론트엔드 배포 자동화
- Why?
- Docker Image 빌드 → Docker hub에 push → EC2 인스턴스에 접근 → Docker Image pull → 이전의 컨테이너 중지 및 삭제 → 새로운 컨테이너 실행의 과정의 수동 작업
- 재배포의 수동 작업으로 인한 개발 효율성 저하
- How?
- Prize!
- 재배포 과정이 자동으로 3분 이내에 완료
- 배포 과정을 수동으로 진행하는 불편함 해소
테스트 환경 구축
- Why?
- How?
- 프론트엔드 테스트 환경을 위한 AWS EC2 인스턴스 생성 및 설정
- 테스트 환경과 관련된 환경 변수들을 Github Secrets에 설정
- Github Actions 로직에서 주입 할 환경 변수를 브랜치 이름으로 분기 처리
- Prize!
Skills
- React Javascript react-query AWS Docker SCSS NPM
Projects
🏊♂️ 친구들의 응원과 함께하는 수영일기, Swimie - 2024.07 ~