우다영 포트폴리오

Frontend Developer

우다영의 포트폴리오에 오신 것을 환영합니다.

About Me

👋🏻 안녕하세요 프론트엔드 개발자 우다영입니다.

iamwooda0@gmail.com

github.com/DaYoung-woo

velog.io/@iamwooda

원활한 의사 소통 능력

SHIELDRM 프로젝트를 진행하며 백엔드 개발자, 기획자, 디자이너와 직접 소통하면서 다양한 부서의 동료들과 원활하게 협력하는 능력을 키웠습니다. 이를 통해 새로운 기능 추가나 변경 작업이 자주 발생하는 애자일 개발 환경에서도 신속하게 대응할 수 있는 역량을 강화했습니다.

읽기 쉬운 코드 작성

팀원들이 읽기 쉬운 코드 작성을 지향합니다. 이를 위해 복잡한 로직들은 분리하여 한 가지 기능만을 수행하는 함수를 설계하고 가급적 작게 만듭니다. 또한 직관적인 네이밍을 사용하여 함수의 역할을 명확하게 전달하고자 합니다.

지속적인 자기 개발

빠르게 변화하는 프론트엔드 기술 생태계에서 최신 트렌드를 주시하고 새로운 기술을 학습하는 데 열정적입니다. 개인 프로젝트와 오픈소스 기여를 통해 실무에 적용 가능한 기술을 꾸준히 습득하고 있습니다.

Career

소프트캠프(SOFTCAMP)

2021.07 - 2023.03(2년 8개월)

프론트엔드 개발자

사용 기술

VUEVuetifyVuexAxiosVue-clifigmagitvue-routerAzure DevOpsi18nJenkinsMSAL

SHIELDRM

SHIELDRM은 DRM 문서를 사용자 PC로 다운로드하지 않고도 클라우드 환경에서 공동편집할 수 있는 서비스입니다. SK쉴더스, SK 넥실리스, DRB동일 등 여러 기업에 납품하였습니다.

Experience:

메인 프론트엔드 개발자로 프로젝트 생성과 파일과 폴더의 구조 설계
사용자 OAuth 로그인 기능 및 MS 로그인을 위한 MSAL 라이브러리를 활용한 로그인 기능 구현
MS AIP 레이블 조회 및 문서 암호화를 위한 기본 정책 설정 관리 기능 구현
암/복호 키파일 관리 기능 구현
앱(라이선스) 관리 기능 구현
메일 발신자/수신자/문서 유형 등에 따른 첨부 파일 조건부 정책 설정 관리 기능 구현
대상 문서/저장소 위치/파일 이벤트 등에 따른 문서 조건부 정책 설정 기능 구현
소나큐브를 도입하여 코드의 취약점을 개선하고 코드 중복과 복잡도를 관리하여 전체적인 코드의 품질을 개선
다른 제품군과 일관성을 위해 전체적인 디자인 컨셉 변경
wdio 라이브러리를 사용하여 E2E테스트를 구현. 브라우저 환경에서의 테스트를 자동화 및 장애 발생률 감소
Jenkins를 통해 빌드와 배포를 자동화하여 생산성을 향상
공통으로 사용하는 모달을 컴포넌트화. 크기나 닫기 버튼 노출 여부 등을 관리할 수 있도록 만들어 유지보수성 개선 및 재사용성 증가

SHIELDGate

SHIELDGate는 제로트러스트 보안을 기반으로 하는 조건부 접근 정책을 적용한 원격 접속 서비스입니다. GS인증을 받은 제품입니다.

Experience:

접속 위치, 시간에 따라 사용자의 접근을 제어하는 조건부 정책 관리 기능 구현
업무 시스템을 연결할 앱 관리 기능 구현
vue-i18n 라이브러리를 사용하여 글로벌 사용자를 위한 다국어 지원(한국어, 영어, 일본어)
공통 컴포넌트(checkbox, button, input) 개발하여 일관된 디자인/스타일을 제공하고 코드의 재사용성 증가
인피니트 스크롤 라이브러리를 활용해 페이징 기능 구현

SHIELDInfo

SHIELDInfo는 문서 분류, 등급 관리, 원본 증명을 통해 영업비밀과 같은 중요 정보를 보호합니다.

Experience:

문서의 분류 관리 기능 구현
문서의 등급 기능 구현
지원 중단된 Moment.js 라이브러리를 더 가벼운 Day.js 라이브러리로 변경하여 경량화 및 안정성을 개선
여러 컴포넌트에서 사용하는 공통 에러 처리에 대한 코드를 Mixin에 선언하여 코드 중복도를 감소시키고 효율적으로 관리
chart.js 라이브러리를 사용하여 데이터를 시각적으로 표현하고 그래프에 hover 효과를 사용하여 사용자 친화적인 인터페이스 제공

My Project

🎬 Video Editor

Video Editor는 동영상을 편집할 수 있는 웹 서비스입니다. 비디오의 길이를 조절할 수 있으며 gif, mp3, mp4 파일로 변환이 가능합니다.

GitHub 레포지토리

배포 사이트

Live Demo

사용 기술

ReactjavascriptffmpegChakra UItailwindcss

프로젝트 참여인원

1인 개인프로젝트

주요 기능

영상 길이 조절
GIF 변환
MP3 변환
MP4 변환
다크/라이트 모드
반응형

🏕️ Camping Together

Camping Together는 OPEN API를 활용한 캠핑 커뮤니티 앱입니다. OPEN API를 활용해 캠핑장 리스트를 불러오고 있습니다. 수파베이스를 통해 캠핑 관련 아티클을 확인할 수 있고 캠핑을 좋아하는 사람들의 커뮤니티 기능도 제공합니다. 스켈레톤과 로딩바를 사용하여 더 나은 사용자 경험을 제공하고자 노력했습니다.

GitHub 레포지토리

사용 기술

ReactReact-nativeSupabaseTypescriptZustand

프로젝트 참여인원

4인 팀프로젝트(4인 모두 프론트엔드 개발자로 백엔드는 supabase를 활용했습니다.)

주요 기능

캠핑장 리스트/상세보기
아티클 리스트/상세/좋아요
커뮤니티 게시판(리스트, 글 작성/수정/삭제, 댓글 리스트, 댓글 작성/수정/삭제)
마이페이지(프로필 정보 수정)

기여한 부분

전반적인 앱 디자인
캠핑장 리스트/상세보기
프로필 정보 수정

🐽 PIGGY

PIGGY는 사용자가 서로 약속을 생성하고, 그 정보를 함께 관리할 수 있는 커뮤니티 앱입니다. 사용자는 약속 시간과 장소를 등록하고, 약속 시각에 해당 장소에서 위치 인증을 완료해야 합니다. 인증에 성공하면 포인트를 획득할 수 있으며, 모은 포인트로 앱 내 상점에서 기프티콘을 구매할 수 있습니다.