自訂 Cookie
禁止且拒絕未經各資訊當事人同意,擅自蒐集本服務提供的使用者個人資訊資料等資料之行為。即使是公開資料,若未經許可使用爬蟲等技術裝置進行蒐集,依個人資訊保護法可能會受到刑事處分,特此告知。
© 2025 Rocketpunch, 주식회사 더블에이스, 김인기, 大韓民國首爾特別市城東區聖水一路10街 12, 12樓 1號, 04793, support@rocketpunch.com, +82 10-2710-7121
統一編號 206-87-09615
更多
自訂 Cookie
禁止且拒絕未經各資訊當事人同意,擅自蒐集本服務提供的使用者個人資訊資料等資料之行為。即使是公開資料,若未經許可使用爬蟲等技術裝置進行蒐集,依個人資訊保護法可能會受到刑事處分,特此告知。
© 2025 Rocketpunch, 주식회사 더블에이스, 김인기, 大韓民國首爾特別市城東區聖水一路10街 12, 12樓 1號, 04793, support@rocketpunch.com, +82 10-2710-7121
統一編號 206-87-09615
更多

職涯
貼文
AI 職涯摘要
전예진님은 JavaScript 기반의 프론트엔드 개발자로, 웹사이트의 페이지네이션 기능 조사 및 문서화, 웹 데이터 추출을 위한 JavaScript 코드 개발, 자동 로그인 기능 개발 경험을 보유하고 있습니다. React.js, Vue.js 프레임워크를 활용하여 차트 및 대시보드 개발, 디자인 시스템 구축에 참여하였으며, SVG를 이용한 인터랙티브한 UI 개발 능력을 갖추고 있습니다.
經歷
자동으로 리스틀리 확장 프로그램을 이용해 웹에서 동작하는 신기능 개발을 위해 웹사이트의 페이지네이션(페이지 이동 인터페이스) 기능 분류하고 조사하여 문서를 작성하였습니다. (작성 문서는 연구를 위해 진행되었습니다) ActionScript ( 웹 브라우저 데이터 수집을 위한 자바스크립트) 개발하여 고객이 요구하는 웹사이트의 데이터를 추출하기 위해 리스틀리 프로그램에 동작하는 자바스크립트 코드를 개발하여 고객이 필요로하는 데이터를 엑셀로 변한 가능하도록 업무를 진행하였습니다. 리스틀리 프로그램에서 웹사이트에 자동 로그인 기능을 할 수 있는 자바스크립트 코드를 개발하였습니다. 로그인 사례를 통해 기능을 분류하고 테스트하여 웹사이트의 로그인 유형을 분류하였습니다. 그리고 연구한 사례를 연구사안으로 문서화 하였습니다. 사용기술: JavaScript, JQuery 라이브러리, Python
更多
연세대학교 학생 관리 인공지능 웹 시스템 개발에 참여 인공지능 인사관리 웹 서비스에 사용되는 데이터를 나타내는 차트를 디자인 시스템과 디자인 시안에 따라 형태를 SVG 로 개발하였습니다. React.JS 웹 클라이언트 프레임워크로 대시보드 페이지를 개발하였는데 사용자와 상호작용 가능한 애니메이션을 추가하여 개발하였습니다. 차트 형태로 도넛차트, 바 차트를 유형에 따라 개발하였고 대시보드 페이지를 맡아서 제작하였습니다. 사용기술: REACT 프레임워크, TypeScript, SVG
更多
더브이씨 새로운 사이트의 디자인시스템 라이브러리와 및 차트를 디자인 시안에 맞도록 개발하고 기능을 추가하였습니다. 더브이씨 사이트의 리뉴얼 개발에 참여하여 데이터를 이용한 화면 개발에 참여하였습니다. 사용기술: VUE 프레임워크, JavaScript, SVG
更多
시청자 미디어재단 서버에서 수집되는 정보를 파악하기 위한 페이지로 수집된 데이터를 차트로 확인하기 위해 실시간 차트를 개발하였습니다. 사용기술: VUE 프레임워크, JavaScript, Graphql Aollo-YOGA
更多
서울과학기술대학교 특허관리 시스템 화면 개발 및 디자인 제작하여 화면단을 전반적으로 개발하였습니다. 사용기술 : VUE 프레임워크, JavaScript
更多
活動
最近活動
獲獎 1
證照 1
專案 5
프로젝트
인공지능 인사관리 솔루션
알고리즘랩스 · 2021년 11월 - 현재 · 4년 3개월
다양한 정보를 수치 화 하여 대시보드에 필요한 차트를 개발하였습니다. 디자인 시안에 맞게 개발하기 위하여 SVG를 사용하여 사용자 인터렉션과 비주얼라이제이션을 개발하였습니다
프로젝트
더브이씨 디자인시스템 개발
N/A · 2021년 3월 - 2021년 5월 · 3개월
중점적으로 진행한 업무는 차트 컴포넌트 구성 요소와 보조 기능 개발입니다. 차트 데이터 개수에 따라 그려지는 반복적인 그래픽 요소는 데이터의 수가 많아질 수록, 브라우저에 렌더링 부하가 발생하여 사용자 경험에 예상치 못한 부작용이 생길 가능성이 있습니다 . 개선된 사용자 경험을 위하여 사용자에게 보여지지 않지만 그려지는 요소들을 최소화 하는 방법이 필요했습니다. 데이터 개수와 무관하게, 초기 한번만 생성 되며 재사용 가능하도록 차트의 상호작용 구성 방식을 변경하는 과제를 받아 진행하였습니다.
프로젝트
시청자미디어재단 모니터링 시스템
2020년 11월 - 2020년 12월 · 2개월
상기 프로젝트는 프론트엔드1명 백엔드 1명으로 진행한 단기 프로젝트입니다. SPA 프로젝트로서, 화면 상단부 웹소켓으로 통신하는 차트의 타임라인에 애니메이션을 구현하여 실시간 스트리밍 차트 개발 및 하단에는 날짜 조회로 검색 가능한 차트를 구현. 화면 상단부 좌측으로 이동하는 차트 구현을 위해 vue-wrapper 플러그인을 사용 했으나, 메모리 낭비가 심한 랜더링 성능 문제가 발생하여 데이터가 발생시에만 데이터를 받아와차트 캔버스를 렌더링 해주며 ,이전 데이터들은 지속적으로 메모리에서 없애주어 GPU 사용량 20%이상을 낮추었습니
프로젝트
Patent play
2020년 9월 - 2020년 10월 · 2개월
상기 프로젝트는 프론트엔드1명 백엔드 1명으로 진행한 단기 프로젝트입니다. 서울과학기술대학교의 특허를 관리하는 특허관리시스템. 교수관리/학과관리/코드관리/신규케이스 등록 화면의 비즈니스 로직 작성과 전체의 90% 페이지들의 UI 마크업을 진행 하였습니다. Vuex를 사용하여 상태관리를 하였으며, 투입 당시 짜여진 20%의 코드를 최적화하기 위해 리팩토링 또한 진행 하였습니다. 예를 들어, 800줄의 하드코딩 된 태그 리스트를 3개의 컴포넌트 depth로 만들어 유지보수하기 편하게 개선 하였습니다.
프로젝트
판타지스탁
2020년 5월 - 2020년 7월 · 3개월
동기: 가족과 친구들이 주식투자에 관심이 많으며 재산이 부족하여 투자하지 못하는 경우를 보아 누구나 쉽게 접근할 수 있는 주식 모의투자 커뮤니티를 만들고 싶었다. 활동과정: 프론트엔드 개발을 맡아 진행하였습니다. 처음 웹 개발을 배우면서 진행한 프로젝트인 만큼 명세에 따른 화면설계에 최선을 다 했습니다. JSP, Jquery와 Bootstrap를 사용하여 개발하였습니다. 개발을 진행하며 공식문서를 꼼꼼히 확인하지 않아 셀렉터가 충돌되어 문제가 생긴 경험이 있었습니다. 이를 통해 외부 라이브러리를 사용하는 경우, 공식문서를 꼼꼼히 읽게되는 습관이 생기게 되었습니다. Github의 Repository flow 패턴을 따라 다른 개발자들과 협업하며 git 사용법을 익히게 되었습니다.
語言
상급 (업무상 원활한 의사소통)
초급
이 프로필의 담당자이신가요?
인증을 통해 현재 프로필에 병합하거나 삭제할 수 있습니다. 만약 인증할 수 없는 경우 본인임을 증빙하는 서류 제출 후 프로필 관리 권한을 취득할 수 있습니다.