미리보기
기본 정보
백엔드 개발에 친숙한 개발자입니다. 1년간 React+Express.js 환경의 풀스택 개발자로 근무한 경험이 있으며, 현재도 node.js 환경의 AWS Lambda 코드를 함께 담당하고 있습니다. 테스트 코드에 관심이 많은 개발자입니다. 팀 내 Cypress 테스트 코드 작성을 전담하고 있으며, CI/CD 과정에서의 테스트 소요 시간을 75% 단축한 바 있습니다. 가독성 있는 코드를 1순위로 추구합니다. 코드 마이그레이션을 통해 기존 코드의 인지적 복잡도를 81% 개선한 경험이 있습니다. 단순히 돌아가는 코드가 아닌 유지보수가 쉬운 코드를 작성하기 위해 노력합니다.
포트폴리오
기술 스택
JavaScript, React, TypeScript, Git, Cypress, Lambda, HTML/CSS, GitHub, Express
경력
(주)비에스지파트너스 (BSG PARTNERS Co. Ltd.)
사원 | Solution R&D | 재직 중
2023.07. ~ 재직 중 (1년 7개월)
사용 기술
React, TypeScript, JavaScript, AWS Lambda, Cypress, Jest, Webpack
주요 업무
사내 UI 생성 로우코드 툴 개선, 유지보수, 마이그레이션, 문서화 작업
Cypress 및 Jest를 활용한 테스트 코드 작성, 보완
AWS QuickSight 관리용 어드민 페이지 개발
케이퍼스트랩(주)
연구원 | SW 연구 개발팀
2021.08. ~ 2022.09. (1년 2개월)
사용 기술
React, JavaScript, Express, MongoDB, Material UI, styled-components, Redux-toolkit
주요 업무 및 성과
백오피스 웹페이지 풀스택 개발. 상품관리, 주문관리, 리뷰관리 등 페이지 개발
JSON 파일을 통해 백오피스 페이지 UI를 구축하는 사내 라이브러리 개발
=> 2개월 안에 최초 기획했던 웹 페이지 디자인의 90% 구현컴포넌트 코드 안내 및 개발 컨벤션, 시스템 플로우 등의 개발 정보 문서화 담당
프로젝트
LC5
비에스지파트너스
2023.10. ~ 진행 중
[소개]
웹 페이지를 빠르고 통일성 있게 구축하기 위해 사내에서 개발한 로코드 UI 빌더 툴
[역할]
툴 내에서 사용된 vanilla JS 기반 디자인 시스템을 리액트 기반 코드로 마이그레이션
OpenUI5 컴포넌트 라이브러리를 UI5 Web Components-React 라이브러리로 변경
방대한 프로퍼티를 오류 없이 전달하기 위해 TypeScript 도입
코드 구조를 체계화하여 기존 라이브러리의 코드 복잡성 개선
=> Sonarqube 측정 결과, Cognitive Complexity 지수가 1791 -> 329로 81% 개선됨
Cypress 및 Jest 테스트 코드 도입
디자인 시스템 코드의 일부 함수에 Jest 코드 작성
로코드 툴에서 추가 가능한 전체 컴포넌트의 정상 작동을 확인하는 Cypress 코드 작성
Github Action CI/CD에 Cypress 테스트 사이클 연동
기타 추가기능 개발 및 유지보수
컴포넌트 inactive 속성 도입, 컴포넌트 타입 추천 attribute 추가 등에 기여
프로젝트 공식 문서 작성
LC5 서비스 소개, 사용방법, 핵심 개념 및 시스템 등을 문서화
코드와트
크래프톤 정글 최종 프로젝트
2023.02. ~ 2023.03.
소개
공동편집 코드 에디터를 이용할 수 있는 모각코 메타버스 플랫폼
링크
Github : https://github.com/NA-MAAN-MOO/Codewarts
역할
전원 풀스택 개발로 기능별로 역할 분담
WebRTC를 활용해 음성 통화 구축을 가능하게 하는 OpenVidu 라이브러리를 활용한 보이스챗 기능 및 UI 구현
프레임워크 설치, 디렉토리 구조 설계 등 프로젝트 개발환경 세팅 작업 담당
각기 다른 레파지토리에서 작업하던 메타버스 코드와 에디터 코드를 React와 Redux toolkit을 이용해 통합 및 연결
사용 기술
React, Typescript, Phaser.js, Express, MongoDB
세부 구현 및 트러블슈팅 기록
사이퍼즈 플레이어 성향 테스트
개인
소개
카카오톡 결과 공유가 가능한 게임 플레이 성향 테스트
링크
서비스 : https://sadie100.github.io/CypherTypeTest/
Github : https://github.com/sadie100/CypherTypeTest
역할
개인 프로젝트로서 기획 및 개발 진행
Netlify, Github Page를 활용하여 서버리스 웹 페이지로 빌드
카카오톡 오픈API를 활용하여 결과 공유 기능 구현
사용 기술
React, Javascript, styled-components, github actions
세부 구현 및 트러블슈팅 기록
교육
크래프톤 정글
사설 교육 | CS 부트캠프
2022.10. ~ 2023.03. | 졸업
쌍용교육센터
사설 교육 | JAVA 국비지원교육 수료
2021.02. ~ 2021.07. | 졸업
건국대학교
대학교(학사) | 휴먼ICT, 국어국문학과
2017.03. ~ 2021.02. | 졸업
자기소개
코드 읽기에 최적화된 개발자
사수 없는 스타트업의 1인 개발자로 커리어를 시작하여, 참고할 만한 코드가 없어 내가 코드를 제대로 작성하고 있는지 많이 고민하곤 했습니다.
이를 극복하기 위해 벨로그나 해커톤 우승 프로젝트 등 깃허브에서 접근 가능한 레포지토리들을 수시로 읽고 참고하였고, 프로젝트 구조나 개발 방식 등을 흡수하고자 노력했습니다.
덕분에 코드를 읽는 것에 큰 거부감이 없으며, 개발이 중단된 프로젝트의 마무리 작업이나 스택 마이그레이션 등 코드 해석 작업이 필요한 업무를 많이 담당하였습니다.
팀 내 업무 효율성을 위해 노력하는 개발자
첫 회사 재직 당시 2개월 동안만 근무하는 산학 연계 인턴들의 러닝 커브를 줄이고, 반복되는 UI를 일관성 있고 빠르게 개발할 수 있도록 하기 위해 내부 생산성 툴을 개발하고 문서화를 통해 공유한 적 있습니다.
또한, 사내 회의를 통해 결정된 기획 결과를 기술하는 문서가 따로 없어 동일한 사항으로 중복 회의를 하는 일이 잦아져, 시스템별로 결정된 사항들의 근거와 결과를 기술하는 기획서를 작성하여 불필요한 회의 시간을 단축하였습니다. 백엔드 인턴이 새로 투입되어 협업을 하게 되었을 땐 API 문서의 필요성을 느껴 이를 도입하기도 했습니다.
이처럼 팀의 업무 효율성을 향상시키기 위해 개발/비개발적 수단을 가리지 않고 노력하는 편입니다.
스터디를 통해 꾸준히 성장하는 개발자
혼자 공부하는 것보다 함께 공부할 때 지속적인 성장을 할 수 있다는 점을 깨닫고 각종 스터디에 참여한 경험이 있습니다. 알고리즘 문제 풀이 스터디나 기술면접 대비 스터디, 기술책 스터디 등 종류를 가리지 않고 참여하였으며, 그동안 완주했던 기술책 스터디로는 혼자 공부하는 컴퓨터 구조+운영체제 스터디와 모던 자바스크립트 딥다이브 스터디, HTTP 완벽 가이드 스터디, 클린 코드 스터디 등이 있습니다.
이 중 HTTP 완벽 가이드 스터디와 모던 자바스크립트 딥다이브 스터디는 직접 모집하고 운영한 스터디로, 성공적으로 완주하였습니다.
현재는 리액트 훅을 활용한 마이크로 상태 관리 스터디에 참여 중이며, 이외에도 오픈소스 컨트리뷰션 체험형 아카데미에 참여하여 역량 향상을 위해 노력하고 있습니다.
자격증
컴퓨터활용능력 1급
1 | 대한상공회의소
2020.09.
TOEIC
945 | 한국TOEIC위원회
2022.06.
정보처리기사
한국산업인력공단
2022.06.
외국어
영어
비즈니스 회화 가능