안녕하세요, 저는 오혜성입니다.

hyesungoh

함께 일하고 싶은 사람은 어떤 사람인지 고민하며 그 사람과 비슷하게 되기 위해 노력하는 개발자 오혜성입니다.

프로젝트 경험

디프만

2022.03 ~ 11기, 12기 운영진

디자이너와 개발자들이 만나 서비스 런칭을 목표로 하는 연합 동아리입니다.

2022.10 ~ 소지품 리마인드를 위한 서비스입니다.
  • 10인 프로젝트, 4인의 프론트엔드 파트에 속해 개발 및 운영하고 있습니다.
  • PM으로써 회의를 진행하며 지표를 근거로 우선순위를 정하고 있습니다.
  • 모바일 플랫폼으로써 웹뷰 형태의 RN 어플리케이션 개발을 주도했습니다.
Next.jsReact-NativeTypeScriptEmotionFramer-motionRecoilTanStack/React QueryJestReact Testing LibraryCodecovPlaywrightGithub actionsCodeQLHuskyGAHotjarMixpanelSentryCloudflare Pages
2022.08 ~ 디프만의 공식 랜딩 페이지입니다.
  • 깊은 인상을 남기며 정보를 효과적으로 전달하기 위해 인터렉티브하게 만들고자 노력하였습니다.
  • 이미지 형식 변환, next/image의 priority, placeholder 옵션 등을 통해 FCP를 13.8초, TTI를 12초, LCP를 11.9초 감소시켰습니다.
  • 클라이언트 사이드에서 다이내믹 라우팅되던 페이지들에 SSG를 적용해 TTI를 0.4초, LCP를 1.5초 감소시켰습니다.
  • GA와 Hotjar를 도입해 사용자 경험과 트래픽을 추적하였습니다.
  • next-sitemap을 도입해 동적으로 sitemap이 생성되도록 하였습니다.
  • Google Search Console을 도입해 모든 페이지의 색인이 생성되도록 하였습니다.
Next.jsTypeScriptEmotionFramer-motionGithub actionsnext-sitemapGAHotjarHuskyVercel
2022.03 ~ 영감을 기록하는 모든 이들을 위한 아카이빙 서비스입니다.
  • 10인 프로젝트, 4인의 프론트엔드 파트에 속해 개발 및 운영하고 있습니다.
  • 공용 컴포넌트와 Hook을 개발하였습니다.
  • 홈 화면과 온보딩 화면을 개발하였습니다.
  • 사용자 회원가입 시 데이터를 기반으로 회원가입 플로우의 리뉴얼을 리드하였습니다.
  • Lint, Codecov, Cypress 등의 CI 구현을 전담하였습니다.
  • 커스컴 Eslint rule 개발을 전담하였습니다.
  • 기억에 남는 구현은 LoadingHandler와 SnapCarousel 컴포넌트입니다.
Next.jsReact-NativeTypeScriptEmotionFramer-motionTanStack/React QueryRecoilJestReact Testing LibraryCodecovCypressGithub actionsCodeQLGAHotjarMixpanelSentryHuskyCloudflare Pages

Google developer student clubs

2022.08 ~ Lead

Google로부터 개발과 리더십 능력을 키울 수 있도록 지원받는 프로그램입니다.

2023.02 ~ 2023 Google Solution Challenge 출품을 위한 서비스입니다.
  • 현재 개발중에 있습니다.
  • Google의 기술을 쓸수록 이점이 있으며, 새로운 경험을 할 수 있을 것이라 판단해 Angular를 채택하였습니다.
  • iOS 플랫폼에 웹뷰로 제공하기 위해 Flutter 어플리케이션 개발을 담당하고 있습니다.
AngularTypeScriptSassGAFirebase
2022.08 ~ 교내 최고의 개발 커뮤니티를 구성하는 것을 목표로 활동하고 있습니다.
2022.08 ~ 2022.08GDSC 소개와 모집을 위한 랜딩 페이지를 개발하였습니다.
  • 3D와 부드러운 인터렉션을 통해 깊은 인상을 남기고자 하였습니다.
Next.jsTypeScriptEmotionFramer-motionThree.jsReact-three-fiberGAVercel

블로그, 이력서 템플릿

2022.03 ~ 오픈소스 프로젝트

2022.03 ~ 블로그와 이력서를 같은 스타일로 관리하고자 개발하였습니다.
  • Next.js의 'getStaticProps', 'getStaticPaths'를 이용해 SSG로써 구현하였습니다.
  • Unified, Rehype를 이용해 Markdown을 컴파일하였습니다.
  • robots.txt, sitemap.xml과 같은 정적 파일 생성을 자동화하였습니다.
  • 블로그와 이력서 간 동일한 설정, 컴포넌트를 재사용하기 위해 Turborepo를 사용해 모노레포를 구성하였습니다.
  • 회고는 다음 링크에서 확인하실 수 있습니다.
Next.jsTypeScriptNextUITurborepoKBarGAHotjarVercelGithub actionsJestReact Testing LibraryCypress
2022.06 ~ comet-land 프로젝트를 더욱 쉽게 시작할 수 있도록 개발하였습니다.
  • 동적이며 아름답게 보여짐과 동시에 관리에 용이할 것이라 판단하여 React와 Ink를 사용하였습니다.
  • Shelljs를 이용해 git clone 후, fs 모듈을 이용해 파일을 수정하는 방법으로 개발하였습니다.
  • Github actions를 이용해 릴리즈시 NPM에 배포되도록 CD를 구축하였습니다.
  • 회고는 다음 링크에서 확인하실 수 있습니다.
ReactTypeScriptInkShelljsWebpackGithub actions

Software Maestro

2021.04 ~ 2021.1212기

창의도전형 SW인재 육성으로 SW산업의 미래를 선도하는 것을 목표로 하는 정부지원 사업입니다.

2021.07 ~ 2021.12인공지능 기반 댄스 학습 서비스를 개발하였습니다.
  • 3인 프로젝트에서 프론트엔드 개발을 전담하였습니다.
  • Interactive한 서비스가 되기 위해 노력하였습니다.
  • Github actions를 사용하여 배포 자동화를 적용하였습니다.
  • 에러 모니터링, 사용자 경험 추적을 위해 GA와 Sentry를 적용하였습니다.
  • 회고는 다음 링크에서 확인하실 수 있습니다.
ReactTypeScriptStyled-componentsFramer-motionRecoilSWRAWS S3AWS CFGithub actionsGASentry
2021.6 ~ 2021.7기술적 검증을 위해 Prototype을 개발하였습니다.
  • 프론트엔드 개발을 전담하였습니다.
  • Web에서 실시간으로 사용자의 행동을 인식, 비교하는것에 대한 성능 테스트를 위해 진행하였습니다.
ReactTypeScriptStyled-componentsRecoilMaterialUITensorflow JSNetlify
2021.5 ~ 2일간 진행사용자가 선택한 재난문자만 이메일로 받아볼 수 있는, 재난문자 필터링 서비스를 개발하였습니다.
  • 6인 프로젝트에서 프론트엔드 개발자로 참여하였습니다.
  • 재난 필터링 관련 프론트엔드 개발을 담당하였습니다.
ReactTypeScriptStyled-componentsNetlify
2021.4 ~ 1주일간 진행한 시간마다 사용자가 게시한 귀여운 사진을 발송해주는 KakaoWork bot을 개발하였습니다.
  • 6인 프로젝트에서 프론트엔드 개발자로 참여하였습니다.
  • 이미지 업로드 관련 프론트엔드과 백엔드를 담당하였습니다.
ReactTypeScriptStyled-componentsFirebaseNetlify

DogVelopers

2021.03 ~ 2022.08프론트엔드 리더

교내 개발 동아리에서 운영진으로 활동하고 있습니다.

2022.01 ~ 2022.02동아리 소개와 모집을 위한 랜딩 페이지를 개발하였습니다.
  • 1인 프로젝트로써 개발하였습니다.
  • 사용자 모니터링과 피드백을 위해 GA와 Hotjar를 적용하였습니다.
Next.jsTypeScriptEmotionFramer-motionLottieGAHotjarVercel

프론트엔드 교육 활동

2021.03 ~ 입문자를 대상으로 프론트엔드 교육을 진행하고 있습니다.
  • 지식을 공유하는 것에 즐거움을 느껴 진행하고 있습니다.

멋쟁이 사자처럼

2017.03 ~ 2021.02동아리원 및 운영진

비전공자도 웹서비스를 만들어 꿈을 실현하는 것을 목표로 하는 멋쟁이 사자처럼 활동에 3년간 참여하였습니다.

2021.01 ~ 2021.02동아리 홍보를 위한 퀴즈 이벤트 서비스를 개발하였습니다.
  • 1인 프로젝트로써 개발하였습니다.
ReactTypeScriptScssMaterialUIFirebaseGithub pages
2020.8 ~ 2020.10문화재 정보를 보여주며, 역사 퀴즈를 풀 수 있는 서비스를 개발하였습니다.
  • 4인 프로젝트에서 백엔드 개발자로 참여하였습니다.
DjangoBS4SQLITE
2017.7 ~ 2017.10사용자 신체 치수를 통해 옷의 핏을 예측할 수 있는 서비스를 개발하였습니다.
  • 4인 프로젝트에서 백엔드 개발자로 참여하였습니다.
  • 처음으로 개발한 웹 서비스입니다.
  • 전국 200여개 대학교가 참가한 해커톤에서 상위 10팀에 선발되었습니다.
Ruby on Rails

RoR, Django 교육 활동

2018.03 ~ 2020.12비전공자, 입문자를 대상으로 6기, 8기에서 각각 RoR, Django 교육을 진행하였습니다.
  • 지식을 공유하는 것에 즐거움을 느껴 진행하였습니다.

그 외 경험

2022.10 ~ 2022.10Contributor

@toss/sentry 문서를 수정하여 기여하였습니다.

Software Maestro Expert

2022.06 ~ 2022.1213기 Expert

연수생이 보다 개발에 몰입할 수 있도록 조언과 도움을 주는 활동에 참여하였습니다.

  • 2개의 팀에 참여해 출시까지의 과정을 도왔습니다.
2022.02 ~ 2022.02Contributor

더미 데이터를 제공하는 오픈소스 프로젝트에 기여하였습니다.

  • 한국어 정보를 추가, 잘못된 정보를 수정하였습니다.
2022.02 ~ 2022.02Contributor

Github Readme의 잘못된 Link를 수정하여 기여하였습니다.

2021.10 ~ 2021.10Contributor

동영상 플레이어를 제공하는 오픈소스 프로젝트에 기여하였습니다.

  • 동영상 재생 중에 호출되는 callback인 onProgress의 Props에 대한 interface를 정의하였습니다.
  • WAVY 프로젝트에서 직접 사용하며 필요성을 느껴 기여하게 되었습니다.
2021.04 ~ 2021.04Contributor

블로그 테마 오픈소스 프로젝트에 기여하였습니다.

  • SEO를 위해 robots.txt 플러그인을 적용하였습니다.
  • Social media section에 Instagram을 추가하였습니다.

학과 TA

2021.3 ~ 2023.6

21년도 1학기와 23년도 1학기에 학과 TA를 맡았습니다.

2020.08 ~ 2020.09선생님

'모두의 딥러닝' 서적을 엘리스 아카데미 플랫폼에 포팅하였습니다.

군 전역

2018.11 ~ 2020.07병장 만기 전역

육군 9사단에서 전역하였습니다.

청년창업 CEO 양성과정

2016.06 ~ 2016.08우수상

고용노동부와 전라북도에서 지원하는 청년창업 과정에서 우수상을 수상하였습니다.

  • 치매 예방 기능성 게임을 개발하여 창업하였습니다.

전국 Junior 창업 경진 대회

2016.07 ~ 2016.08우수상

한밭대학교 주최의 경진 대회에서 우수상을 수상하였습니다.

기술

의사소통

  • 함께 일하고 싶은 사람은 신뢰에서 나온다고 믿으며, 이를 위해 빠른 실행력과 근거 기반의 의사소통을 위해 노력합니다.
  • 팀 내 공통된 목표가 원활한 의사소통과 높은 생산성을 만든다고 믿습니다.
  • 내가 모르는 것은 솔직하게 모른다고 말할 수 있는 용기를 위해 노력합니다.
  • 백문이 불여일견을 믿어, 다양한 도구와 방법으로 의사소통하는 것을 좋아합니다.

HTML/CSS

  • 의미있는 마크업을 작성하기 위해 노력합니다.
  • CSS 전처리기를 사용할 수 있습니다.
  • 웹 접근성과 표준을 지키기 위해 Lighthouse, W3C Markup Validation Service를 사용한 경험이 있습니다.
  • 검색 엔진 최적화 경험과 Sitemap.xml, Robots.txt를 통해 네이버, 구글에서 검색되도록 지원해본 경험이 있습니다.

JavaScript

  • ES6 이후의 문법에 익숙합니다.
  • Vanilla JavaScript를 사용해 개인 프로젝트를 진행한 경험이 있습니다.

TypeScript

  • JavaScript보다 TypeScript 개발환경에 익숙합니다.
  • Type Safe하게 개발하는 것을 지향합니다.

비동기

  • Async Await 문법에 익숙합니다.
  • Data caching, revalidate를 이유로 Data fetching 라이브러리 TanStack/React Query, SWR을 사용한 경험이 있습니다.

React

  • 함수 컴포넌트와 Hooks를 사용하는 것에 익숙합니다.
  • Suspense와 Error Boundary를 사용해본 경험이 있습니다.
  • 프레임워크로써 Next.js 환경을 선호합니다.
  • Recoil을 이용해 전역 상태를 관리한 경험이 있습니다.
  • Redux를 이용한 경험은 부족합니다.

Test

  • Jest와 React Testing Library를 이용해 테스트 코드를 작성한 경험이 있습니다.
  • Cypress, Playwright을 이용해 E2E 테스트 코드를 작성한 경험이 있습니다.

DevOps

  • 자동화를 통해 생산성을 높히는 것을 좋아합니다.
  • Github actions를 이용한 테스트와 배포 자동화등의 경험이 있습니다.
  • 간단한 AWS IAM 설정, S3, CloudFront, EC2 사용 경험이 있습니다.

기타

학력

  • 성공회대학교 소프트웨어공학과 4학년 1학기 재학중
  • 한국게임과학고등학교 프로그래밍학과 졸업

링크