미리보기
- 직업
- Frontend Developer
- 이름
- 황혜빈
- 간단소개
- 안녕하세요 프론트엔드 개발자 황혜빈입니다. 저는 학교 수업에서 처음 개발 수업을 접한 후 개발에 흥미가 생겨서 개발 공부를 시작했습니다. 부트 캠프를 다니지 않고 독학으로 진행했으며, 여러 부트 캠프의 커리 큘럼을 확인하고 해당 순서대로 프론트엔드 공부를 진행했습니다. 혼자 및 여러 사람들과 프로젝트를 진행했으며 프론트엔드만 국한된게 아니라 백엔드 및 디자인, 기획까지 전반적으로 참여했습니다 코드를 작성할 때 "왜"에 대해서 항상 고민하며, 읽기 좋은 코드에 관심이 많습니다. 또한 개발자의 가장 중요한 역량은 코드를 만 줄, 천 줄 작성하는 것이 아니라 비즈니스 문제를 해결하고 유저에게 가치를 전달하는 것이라고 생각합니다. 커리어 목표는 사이드 프로젝트를 진행하면서 프론트만 경험하는 것이 아니라 다양한 경험을 하는 것에 성취감 및 재미를 느껴서 CTO가 되는 것이 목표입니다.
기술 스택
- 기술 스택
- React
- Next.js
- JavaScript
- tailwind-css
- 웹앱
경력
- 회사명
- 뷰티셀렉션
- 직책 • 부서
- Frontend Developer • Product Foundation
- 근무 기간 (근무 형태)
- 2022.09. - 2023.12.
- (1년 4개월 | 정규직)
- 담당 업무
Server Driven UI를 통해 효율적인 커스텀 페이지 제공
개편 전 월 대비 구매건 수 56%상승, 순방문자 대비 구매율 47% 상승
카페24 디자인 템플릿 선정 소요기간 60% 단축 및 비용 대규모 단축
각각 다른 코드로 개발되었던 약 20개의 몰 페이지를 하나의 코드로 관리하면서 개발 효율성 증가
매거진/포스트 페이지 개발을 통해, 각 브랜드&셀러 몰마다 다양한 컨텐츠 제공
페이지를 간단하게 만들 수 있는 툴을 선정하고, 각 몰에 해당 페이지를 바로 적용할 수 있는 백오피스 제공
댓글/대댓글 개발을 통해, 셀러/브랜드와의 유대감 형성 유도
충성 고객들을 위해 저렴한 가격에 상품을 판매하는 페이지 제공
백오피스 개발을 통해 카페24를 통해 관리하는 부분을 점진적 마이그레이션 및 수동으로 관리되어 발생하던 휴면 이슈 감소 및 관리자 효율성 증대
프론트엔드 팀 VITE, PWA 세미나 개최(이후 백오피스 SPA -> VITE로 변경)
인플루언서 커머스 회사로 여러 인플루언서와의 협업 및 약 10개의 브랜드 운영, 130억 시리즈 A 투자
운영 효율화
기존에 소유하고 있던 8개의 브랜드 및 셀러 페이지가 각각 다른 코드로 관리되고 있었고, 새로운 브랜드 및 셀러를 인수할 계획이지만 카페24 디자인 템플릿 선정 비용 및 소요 기간 과도하게 소요
다양한 컨텐츠 제공
약 20개의 몰을 하나의 코드로 관리하기 때문에, 컨텐츠가 다양성 저하
이 외의 활동
프로젝트
- 프로젝트명
- 퍼피랑
- 소속/기관명
- 팀 (풀스택 2명)
- 프로젝트 기간
- 2024.01. - 2024.06.
- (6개월)
- 프로젝트 설명
Frontend: React-Native, NextJS, Tanstak Query, Typescript, TailwindsCSS, Recoil
Backend: Bun, ElysiaJS, Prisma, Postgre SQL
소개: 퍼피랑 소개 페이지
IOS 애플리케이션: 앱스토어 퍼피랑
Github: github/puppylang
SEO 및 FCP 단축 및 UX 향상을 위해 Server Side Rendering 추가
소셜 로그인(애플, 카카오, 네이버) 개발
React Native 셋팅 및 웹뷰 통신 로직 개발
웹소켓을 이용한 채팅 플로우 및 화면 개발 및 Server Sent Event를 통해 채팅 알림 개발
Sentry의 에러 데이터 커스텀을 통한 에러 모니터링 셋팅 및 개발
카카오 로컬 API를 통해 지역 검색 플로우 및 화면 개발
유저 신고 및 차단, 개인 정보 동의서 플로우 및 화면 개발
JWT토큰, 소셜로그인을 이용한 유저 CRUD 개발
Bun 서버 셋팅 및 Koyeb에 서버 및 DB 호스팅
공공데이터 / 카카오 Local API 를 이용해 지역 검색 로직 CRUD 개발
유저 신고, 차단 CRUD 개발
펫 CRUD 개발
AWS S3 이미지 업로드 개발
Socket를 이용해 채팅 로직 및 CRUD 개발
반려견과의 소중한 산책 기록 및 근처 동네의 펫시터 연결 및 활동을 할 수 있는 웹뷰 기반 모바일 애플리케이션입니다. 풀스택 2명이서 진행했으며 전반적인 기술 선정부터 기획까지 A부터 Z까지 전부 참여했습니다.
기술스택
링크
담당
Frontend
Backend
- 프로젝트명
- 모의주식게임
- 소속/기관명
- 개인
- 프로젝트 기간
- 2022.04. - 2022.07.
- (4개월)
- 프로젝트 설명
React, Typescript, ChartJS, Redux-toolkit, Firebase,
Firebase RealtimeDatabase
Firebase를 이용한 소셜 로그인 개발
ChartJS를 이용해 주식 가격 변동 및 유저 소유 주식 시각화
랜덤 주식 변동 로직 및 가격 변동 폭에 맞는 힌트 로직 구현
Redux-tookit을 이용한 전역 상태 관리
gh-pages를 이용한 페이지 배포
Firebase RealtimeDatabase에 힌트 및 유저 주식 정보 저장
모의 주식 페이지로 주식을 구매 판매 할 수 있고 다음 날의 가격 변동에 대한 힌트를 통해 가격 변동을 예측하고 투자할 수 있습니다.
기술스택
링크
개발 내용
- 프로젝트명
- 스크롤 애니메이션 라이브러리
- 소속/기관명
- 팀 (프론트엔드 7명)
- 프로젝트 기간
- 2022.08. - 2022.08.
- (1개월)
- 프로젝트 설명
React, Javascript, SASS
페어 프로그래밍을 이용해 라이브러리 개발
해당 라이브러리에서 사용하는 스크롤 애니메이션을 SASS를 이용해서 구현
공식 홈페이지에 반응형, 버튼 애니메이션, usage 디자인 등 디자인를 추가
사용자가 간편하게 스크롤 애니메이션을 적용할 수 있도록 Readme 작성
13개의 스크롤 애니메이션을 쉽게 사용할 수 있는 라이브러리입니다. 총 5일동안 진행한 해커톤으로, 시니어 프론트엔드가 기획하는 프로젝트에 참여하여 제작했습니다.
기술스택
링크
개발내용
교육
- 소속/기관
- 용인대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 경영정보학과/인문과학
- 재학 기간 (재학 상태)
- 2015.03. - 2023.03. (졸업)