미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 황교진
- 간단소개
- 안녕하세요, 웹 프론트엔드 개발자 황교진입니다. 모두가 코로나로 인해 힘들어했던 시절, 개발자들이 코로나 맵을 만들어 사회에 기여하는 모습을 보고 큰 감명을 받았습니다. 이를 계기로 기술을 통해 창의적인 가치를 제공하고, 사회에 긍정적인 영향을 미치고 싶어 개발자의 길을 걷기 시작했습니다. React와 TypeScript를 주력으로 사용하며, 사용자 경험을 향상시키는 웹 애플리케이션 개발에 집중하고 있습니다. 협업과 소통을 중요하게 여기며, 팀원들과 함께 더 나은 결과를 도출하기 위해 항상 노력합니다. 성장하는 환경에서 새로운 도전을 즐기며, 기술을 통해 세상에 기여하는 개발자로 발전해 나가고 싶습니다.
기술 스택
- 기술 스택
- React
- Redux
- zustand
- react-query
- Next.js
- TypeScript
- tailwind-css
- HTML/CSS
경력
- 회사명
- 인디제이
- 직책 • 부서
- 연구원 • 서비스1팀
- 근무 기간 (근무 형태)
- 2022.08. - 2024.07.
- (2년 | 정규직)
- 담당 업무
웹 서비스 페이지에서 재사용 가능한 컴포넌트를 설계
AI 기반 음악 추천 챗봇을 개발하여 사용자 맞춤형 음악 추천 기능을 제공
사용자에게 실시간 푸시 알림을 전송하고, 예약된 시간에 자동으로 알림을 발송하는 기능을 구
현
Atomic 디자인 패턴을 활용한 컴포넌트 분리 및 재사용성 극대화
총 22가지 WebView 프로모션 페이지를 개발
프로젝트
- 프로젝트명
- [기업] 웹 음악라디오 서비스
- 소속/기관명
- 인디제이
- 프로젝트 기간
- 2022.08. - 2024.07.
- (2년)
- 프로젝트 설명
Redux를 활용한 로그인 상태관리 및 청취중인 음악 상태관리
음악추천 AI 챗봇 UI 퍼블리싱 및 API를 통한 추천 기능 개발
피그마를 참고하여 디자인과 기획 의도를 반영한 총 22가지 WebView 프로모션 페이지를 개
발
React,Typescript,Scss,Redux
Description
AI 상황,감정기반 음악 추천 서비스
Experience
Tech Stack
- 프로젝트명
- [기업] 서비스 관리자 페이지
- 소속/기관명
- 인디제이
- 프로젝트 기간
- 2022.08. - 2024.07.
- (2년)
- 프로젝트 설명
Chart.js와 API를 활용하여 매출, MAU, DAU 데이터를 시각화하고, 대시보드 퍼블리싱
사용자에게 실시간 푸시 알림을 전송 및 예약된 시간에 자동 발송가능한 기능을 구현
서비스 보도자료, 프로모션, 음성광고 등등 효율적으로 편리하게 관리할 수 있도록 CRUD 기능을 갖춘 관리페이지 구현
React,antd,redux
Description
서비스의 유저 관리, 프로모션 관리, 음악 관리 등을 효율적으로 처리할 수 있는
관리자 전용 페이지를 설계 및 구현.
Experience
Tech Stack
- 프로젝트명
- [기업] 회사소개 페이지
- 소속/기관명
- 인디제이
- 프로젝트 기간
- 2024.05. - 2024.06.
- (2개월)
- 프로젝트 설명
yarn berry 로 버전 세팅 및 Zero install 도입
Infinite Carousel 구현
CSS Keyframe 을 활용한 폭죽 애니메이션 구현
피그마 적응형 웹 디자인을 통한 UI 퍼블리싱
API를 통한 문의 뱃지 애니메이션 UI 퍼블리싱 및 문의 기능 개발
React,Typescript,Emotion
Description
회사 소개 반응형 웹페이지 개발
Experience
Tech Stack
- 프로젝트명
- [기업외주] 상담관리자 페이지
- 소속/기관명
- 인디제이, 에드업
- 프로젝트 기간
- 2023.02. - 2023.10.
- (9개월)
- 프로젝트 설명
TanStack Query(React Query)를 사용하여 상담원 QA 캐싱관리 하여 데이터 처리 속도 향상
Chart.js 를 활용한 데이터별 시각화
Atomic 디자인 패턴을 활용한 컴포넌트 분리 및 재사용성 극대화
TailwindCSS를 통한 빠른 Style 적용
React,Typescript,Tailwind CSS,ReactQuery,ChartJs,Redux Toolkit
Description
업체별 고객 운영관리 서비스
Experience
Tech Stack
- 프로젝트명
- [개인] 이력서 및 블로그 사이트
- 소속/기관명
- 개인
- 프로젝트 기간
- 2024.09. - 2024.09.
- (1개월)
- 프로젝트 설명
GitAction을 통한 CI/CD 자동화 배포
도메인 설정 및 등록
Markdown H1~H6 웹 리모컨 기능 개발
React,Gatsby,Emotion,Typescript,yarn
Description
Gatsby 를 활용한 웹 이력서 및 블로그 사이트
Experience
Tech Stack
- 프로젝트명
- [개인] 오늘의책님
- 소속/기관명
- 개인
- 프로젝트 기간
- 2024.11. - 2024.12.
- (2개월)
- 프로젝트 설명
rem 단위 및 media 를 활용한 반응형 웹 개발
서브도메인 설정 및 적용
Zustand를 통한 BookOpenStore, CategoryStore로 나누어서 상태 관리
giscus를 활용하여 Script를 적용해 댓글 기능 구현
카카오톡 API 를 사용하요 공유 기능 구현
다크모드 구현
Google Analytics 적용하여 애널리틱스에서 MAU 및 DAU 확인
React18,Next15,ModuelCss,Typescript,GitHub
Description
지루하고 심심했던 일상에 활력을 불어넣는 재미있는 반응형 웹사이트입니다.
Experience
Tech Stack
포트폴리오
대외활동
- 활동명
- 2022 K-디지털 해커톤 우수상
- 소속/기관
- 고용노동부, 한국기술교육대학교 직업능력심사평가원
- 활동 연도
- 2022
- 활동 상세 설명
스크린세이버 화면 UI 개발
외부 3D Room 을 가져와서 요소 하나하나에 카테고리 명시 및 클릭 시 노래 재생 개발
전체적인 UI 퍼블리싱 및 음악 재생 기능 개발
Javascript,Html,css,Java(jsp),Python
Description
미디어파이프의 포즈랜드마크 모델을 통해 움직임을 분석하고 YOLOv5로 객체를 탐지하여 종합된 결과로 상황을 분석하여, 이에 맞는 음악을 자동으로 재생시켜 사용자의 홈라이프를 보조해주는 서비스.
Experience
Tech Stack
교육
- 소속/기관
- 여수충무고등학교
- 종류 | 전공명/전공계열
- 고등학교 | 자연계열
- 재학 기간 (재학 상태)
- 2013.03. - 2016.02. (졸업)
- 소속/기관
- 한국호텔관광전문학교
- 종류 | 전공명/전공계열
- 대학교(전문학사) | 호텔조리과
- 재학 기간 (재학 상태)
- 2016.03. - 2020.02. (졸업)
- 소속/기관
- 스마트인재개발원
- 종류 | 전공명/전공계열
- 사설 교육 | 빅데이터 분석서비스 개발과정
- 재학 기간 (재학 상태)
- 2022.02. - 2022.07. (졸업)