안녕하세요,
저는 오민아입니다.

3년동안 퍼블리셔로서 HTML, CSS, Javascript를 사용하며 UI/UX 반응형 웹사이트 제작 및 유지보수를 담당하였습니다.
현재는 프론트엔드 개발자로 성장하여 Vue.js를 사용하며 웹 애플리케이션을 퍼블리싱 및 개발하고 있습니다.

Figma 디자인 가이드를 기반으로 반응형 마크업 및 스타일링을 하였고, CSS 프레임워크인 SCSS, Tailwind CSS, Bootstrap 사용 경험이 있습니다. 또한 React 환경에서의 퍼블리싱도 학습하고 있습니다.
협업 및 형상관리는 주로 Github, Gitlab을 사용하였고, Jira, Slack 등의 협업 툴을 사용하여 팀원들과 원활하게 소통하였습니다.

현재 퍼블리셔에 이어 프론트엔드로서 더 큰 성장을 위해 Vue.js, Typescript를 학습하고 있습니다.

Profile.

프로필이미지
이름
오민아 (OH MINA)
생년월일
1998.10.25
이메일
alsdk9879@gmail.com
연락처
010-3474-9879

Work Experience.

주식회사 스카피.

Frontend Developer 2024. 09 - 재직중 (10개월)

FG Works.

2024. 11 - 2025. 03 (구축 완료) 2025. 03 - 유지보수 진행중
Description.

자사서비스인 스카피 서비스를 활용하여 그룹웨어를 구축하였습니다.
다른 그룹웨어와 차별화된 서비스를 제공하기 위해 필수 기능만을 제공하고 사용자 경험을 중요시하였습니다. 따라서 소기업 및 소규모 팀에서도 부담없이 사용할 수 있는 서비스로 개발하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100% / 프론트엔드 100%
  • 로그인, 직원관리, 근태관리, 전자결재 관련 기능 개발
  • 결재요청시 간단한 문서 작성을 위한 wysiwyg 추가
  • 스카피 서비스에 있는 기능을 활용하여 검색 기능 추가
  • PC / Moblie 반응형 퍼블리싱 작업 및 가이드
Tech Stack.

Vue.js, javascript, TypeScript

Teklium.

2024. 09 - 2024. 10
Description.

협업체의 홈페이지 리뉴얼 및 유지보수 작업을 진행하였습니다.

What did I do.
  • 기여도: 퍼블리싱 50% / 프론트엔드 50%
  • 중도 투입된 프로젝트라 진행중이던 디자인 컨셉 변경 요청을 받아 퍼블리싱까지 진행
  • 자사서비스인 스카피 서비스를 활용하여 News & Insights 페이지 및 기능 추가
Tech Stack.

Vue.js

Detail Link.

Teklium

스카피.

2024. 09 - 진행중
Description.

serverless 아키텍쳐를 기반으로 한 백엔드 API 제공 서비스인 스카피 자사서비스 프론트개발 및 운영 유지보수 진행중입니다.

What did I do.
  • 기여도: 퍼블리싱 50% / 프론트엔드 100%
  • autoEmail > newsletter 구독 서비스 추가 등 일부 개발 추가 작업
  • 자사서비스 홈페이지 메인화면 리뉴얼 전면 담당
  • 서브화면 리뉴얼 작업 진행중
Tech Stack.

Vue.js, Javascript

Detail Link.

Skapi

인피니텀주식회사.

Web Publisher 2021. 12 - 2024. 08 (2년 10개월)

통일플러스센터.

2024. 05 - 2024. 08
Description.

기존 제작된 사이트의 코드를 기반으로 일부 수정 작업하여 오픈 전 개선사항을 반영하였습니다.
오픈 이후에는 추가 요청사항을 반영하며 운영 및 유지보수를 진행하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 메인화면 리뉴얼
  • 서브화면 레이아웃 및 일부 영역 수정
  • 모바일시 navbar, 레이아웃 개선
  • 새로운 메뉴 및 관련 페이지 추가
  • 웹표준 검사를 위한 준비 작업
Tech Stack.

HTML, CSS, Javascript

Detail Link.

통일플러스센터

LH 마이홈.

2023. 08 - 2024. 02
Description.

국토교통부와 한국토지주택공사가 운영하고 있는 국민 주거복지 종합포털 UI/UX 전면 개편하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 메인화면 등 화면 영역별 컴포넌트식의 퍼블 작업 진행
  • 서브화면 내 정보 제공 화면 전면 담당
  • 청년신혼부부주거지원 메인화면 추가 리뉴얼
  • (구)마이홈 포털 허브화면 리뉴얼
Troubleshooting

리뉴얼 이후 구버전 웹뷰로 구동되고 있는 모바일앱에서 나타나는 이슈 관련하여 수정 요청을 받아 원인 파악 및 문제를 해결하였습니다.

Tech Stack.

HTML, CSS, Javascript

Detail Link.

마이홈포털

서울시 지능형 가로등 점·소등 시스템.

2023. 09 - 2024. 01
Description.

서울시 내 가로등 점·소등 시스템 관리를 위한 플랫폼 퍼블리싱을 전면 담당하여 구축하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 대시보드에 들어갈 서울시 각 구의 지도를 svg로 재작업
  • 관리자모드에서 사용될 여러 화면을 빠르게 개발 작업할 수 있도록 공통 컴포넌트화
  • 관리자모드는 모바일까지 고려하여 작업 진행
Troubleshooting

SVG 동작 방식 이해를 통해 클라이언트가 원하는 서울시 지도 내 효과 적용을 구현하였습니다. 또한, 클라이언트 최종결정의 부재로 작업대기 시간이 길어지며 실작업 시간이 짧아 협업자 모두가 어려웠던 상황이었으나, Slack 업무툴을 통해 외부 내부 개발자들과 직접 소통하며 빠른 작업 전달로 개발 일정을 맞출 수 있었다는 인사를 전달받았습니다.

Tech Stack.

HTML, CSS, Javascript

제주 ITS 통합플랫폼.

2023. 08 - 2023. 09
Description.

제주특별자치도 교통정보센터 관리자 플랫폼 메인 및 관리자 화면 리뉴얼을 전면 담당하여 퍼블리싱 작업하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 기존 플랫폼 대시보드에서 새로운 대시보드 화면 추가
  • Chart.js 사용하여 차트 내 효과 및 스타일 반영 가능한 스크립트 적용
  • 관리자 화면 내 일부 영역 및 CSS 추가 수정 요청 반영
Troubleshooting

외부에서 급하게 개발이 진행되던 중 투입된 상황이었습니다. 프로젝트 막바지에 서브화면 관련하여 급히 추가 요청이 들어왔습니다. 이미 개발이 진행된 상황이라 기존 플랫폼의 코드를 기반으로 Eclipse 툴 환경에서 수정 작업을 진행해야 했는데, 처음 겪는 환경이었지만 외부 개발자와 직접 소통하며 빠르게 작업을 진행 후 전달하여 일정을 맞출 수 있었습니다.

Tech Stack.

HTML, CSS, Javascript

Shop GPT ai.

2023. 07 - 2023. 10
Description.

Ai를 활용한 쇼핑몰 사이트인 사내 자사서비스를 런칭하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 메인 및 서브화면 PC / Mobile 반응형 퍼블리싱 전면 담당
Tech Stack.

HTML, CSS, Javascript

Detail Link.

Shop GPT ai

사내 홈페이지 리뉴얼.

2023. 05
Description.

사내 홈페이지 리뉴얼 퍼블리싱 작업을 진행하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • GSAP, fullpage.js, AOS, locomotive scroll 라이브러리 사용하여 모션적인 반응형 사이트 제작
  • 카카오맵 API 활용하여 디자이너가 원하는 스타일대로 수정
Results And Outcomes.
  • 처음으로 사수가 개입되지 않은 상황에서 일정에 차질 없이 프로젝트 완료
  • 내부 디자이너, 개발자들과 직접 소통하며 작업을 진행하면서 협업자들과의 소통 능력 향상
  • 사수 없이도 작업을 진행할 수 있다는 책임감 습득
Tech Stack.

HTML, CSS, Javascript

현대경제연구원 학습플랫폼.

2023. 01 - 2023. 03
Description.

기업 내 관리자 학습플랫폼 및 사용자를 위한 각 PC / MO 반응형 사이트 구축에 퍼블리싱을 담당하여 진행하였습니다.

Performance.
  • 기여도: 퍼블리싱 100%
  • Bootstrap, Datepicker, Draggable.js, Swiper 라이브러리 사용
  • 메인 및 서브화면에 들어갈 요소들을 컴포넌트화 하여 빠르고 효과적으로 작업 진행
  • 해당 프로젝트 진행하면서 작업하였던 스타일가이드 제작과 동시에 사내 퍼블리싱 가이드 제작
Troubleshooting

서브화면 중 클라이언트가 원하는 추가 화면이 생겼는데, 사수분의 가이드를 토대로 Draggable.js 라이브러리를 사용하여 원하는 구현 및 화면을 제작하였고, 클라이언트 측에서도 만족하셨다는 인사를 전달받았습니다.

Results And Outcomes.
  • 컴포넌트화 하여 작업하는 방식 및 스타일가이드 제작 경험을 통해 효율적인 작업 방식 습득
  • PC / Moblie 반응형 사이트 제작 경험을 통해 다양한 디바이스에서의 화면 구성에 대한 퍼블리싱 능력 향상
Tech Stack.

HTML, CSS, Javascript

SK이노베이션 관리자 화면 작업 지원.

2022. 09
Description.

오픈 일정을 고려하여 관리자 화면 지원 요청을 받아 각 화면을 퍼블리싱하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 등록, 수정, 목록 화면 퍼블리싱
  • 이외 추가 화면을 위한 table, input, button 및 팝업 형태 등 컴포넌트화 하여 개발에 전달
Results And Outcomes.
  • 관리자 페이지의 형태 및 잘 사용하지 않았던 Table 태그 관련 경험 습득하여 능숙하게 작업 가능
  • 일정 압박을 느끼고 있던 개발팀, 일정에 맞춰 성공적으로 개발 완료
Tech Stack.

HTML, CSS, Javascript

헤이폴.

2022. 01 - 2022. 12
Description.

투표, 설문조사를 통한 앱테크 관련 서비스 IT운영대행 및 유지보수를 진행하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 모바일 메인화면 리뉴얼 전면 담당
  • 온보딩 화면 퍼블리싱
  • 이외 투표, 마이페이지 등 메인 기능 관련 일부 화면 수정 반영
  • 마이페이지 추가 개편 사항 퍼블리싱
Results And Outcomes.
  • 추가 개편 반영 중 사용한 Chart.js 라이브러리 활용을 경험 습득
  • 해당 화면 관련하여 개발자가 원하는대로 맞춤 작업되어 개발에 도움
Tech Stack.

HTML, CSS, Javascript

Detail Link.

헤이폴

홈씨씨.

2021. 12 - 2022. 12
Description.

홈씨씨 온라인 쇼핑몰 고도화 및 운영 유지보수를 진행하였습니다.

What did I do.
  • 기여도: 퍼블리싱 100%
  • 상품 검색 및 취소반품교환 시스템 개선 관련 화면 퍼블리싱
  • 쇼룸 게시글의 댓글 달기 및 좋아요 기능 추가 관련 화면 퍼블리싱
  • 메인화면 일부 수정을 기존 코드에서 추가적으로 작업
  • 분기별 기획전 이벤트 페이지 퍼블리싱
Results And Outcomes.
  • Slick slider, Swiper 라이브러리 활용 능력 습득
  • Gitlab 및 Slack, Jira를 통한 협업 및 형상관리와 더불어 팀원들과 원활한 소통 경험 습득
Tech Stack.

HTML, CSS, Javascript

Detail Link.

홈씨씨

Tech Stack.

FE
HTML, CSS, Javascript, Vue.js, TypeScript
형상관리
Github, Gitlab
이외 업무
Slack, Jira, Figma, Adobe XD

Ability.

Overall.

  • 디자인 전공 이후 퍼블리셔에서 프론트엔드 개발자로 전환한 케이스로서, 퍼블리싱부터 개발 단계까지의 전반적인 프로세스에 대한 경험을 보유하고 있습니다.
  • 여러 프로젝트 진행을 도맡으면서 다양한 돌발 이슈 및 상황에 대한 경험을 하였고, 그런 경험을 통하여 각 대처 능력을 습득하였습니다.
  • 새로운 기술이나 프레임워크를 지속적으로 학습하여 프로젝트에 이바지할 수 있도록 자기개발 하며 성장하고 있습니다.
  • 원활한 프로젝트 진행 및 완료를 위해 우선순위를 정하여 계획적으로 진행하는 습관을 가지고 있습니다.

Communication.

  • 각 포지션을 존중하며, 작업자들과의 원활한 소통으로 효율적인 협업을 진행할 수 있습니다.
  • 코드리뷰 등 피드백이나 작업 관련 조언은 항상 귀기울이며 메모하는 습관을 보유하고 있습니다.
  • 협업자들이 되도록 편하게 작업을 이어 받아 진행할 수 있도록 항상 다음 작업자를 생각하며 산출물을 제작합니다.
  • 프로젝트 진행 도중 헷갈리거나 의문이 생기면 최대한 빠르게 질문하여 원활한 진행을 이어갑니다.