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

hyesungoh

서울에서 프론트엔드 개발자를 희망하며 공부하고 있습니다.
기술은 단지 문제를 해결하기 위해 존재한다고 믿으며, 이를 잊지 않고 항상 최선의 방법을 사용하기 위해 공부하고 있습니다.

프로젝트 경험

Google developer student clubs

2022.08 ~ Lead

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

Lead 활동

2022.08 ~ 교내 최고의 개발 커뮤니티를 구성하는 것을 목표로 활동하고 있습니다.
  • 교내에 파편화되어 있는 개발 커뮤니티를 한곳으로 모아 더욱 많은 학우들이 지식을 나눌 수 있는 환경을 구성하는 것이 목표입니다.
  • 재학 중인 성공회대학교에서 최초로 GDSC lead에 선발되었습니다.
  • 동아리 회칙, 운영 방안을 계획하고 실천하고 있습니다.
2022.08 ~ GDSC 소개와 모집을 위한 랜딩 페이지를 개발하였습니다.
  • 3D와 부드러운 인터렉션을 통해 깊은 인상을 남기고자 하였습니다.
Next.jsTypeScriptEmotionFramer-motionThree.jsReact-three-fiberGAVercel

블로그, 이력서 템플릿

2022.03 ~ 오픈소스 프로젝트

2022.03 ~ 블로그와 이력서를 같은 스타일로 관리하고자 개발하였습니다.
  • Next.js를 사용해 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

디프만

2022.03 ~ 11기

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

2022.03 ~ 영감을 기록하는 모든 이들을 위한, 아카이빙 서비스입니다.
  • 10인 프로젝트, 4인의 프론트엔드 파트에서 파트 리드를 맡고 있습니다.
  • Web 어플리케이션의 스캐폴딩을 담당하였습니다.
  • 공용 컴포넌트와 Hook을 개발하였습니다.
  • 홈 화면과 온보딩 화면을 개발하였습니다.
  • Lint, Codecov, Cypress 등의 CI 적용을 전담하였습니다.
  • 커스컴 Eslint rule 개발을 전담하였습니다.
  • 기억에 남는 구현은 LoadingHandlerSnapCarousel 컴포넌트입니다.
Next.jsReact-NativeTypeScriptEmotionFramer-motionReact-QueryRecoilJestReact Testing LibraryCypressGithub actionsGAHotjarSentryCloudflare Pages

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.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 교육을 진행하였습니다.
  • 지식을 공유하는 것에 즐거움을 느껴 진행하였습니다.

그 외 경험

Software Maestro Expert

2022.06 ~ 13기 Expert

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

  • 현재 2개의 팀에 Expert로써 참여하고 있습니다.
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을 추가하였습니다.
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 라이브러리 React-query, SWR을 사용한 경험이 있습니다.

React

  • 함수 컴포넌트와 Hooks를 사용하는 것에 익숙합니다.
  • Suspense와 Error Boundary를 사용해본 경험이 있습니다.
  • SSR, SSG를 위해 Next.js를 사용해본 경험이 있습니다.
  • Recoil을 이용해 전역 상태를 관리한 경험이 있습니다.
  • Redux를 이용한 경험은 부족합니다.

Test

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

DevOps

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