Close

Metal-Zero

FE Developer

About Me

  • 이름
    김영호
  • 생년월일
    1985. 01. 12
  • 학력
    (2001. 03 ~ 2003. 03) 선린 인터넷 고등학교 졸업
    (2003. 03 ~ 2007. 03) 동서울 대학교 컴퓨터 정보과 졸업
  • 병역
    (2004. 10 ~ 2006. 10) 국방부 근무지원단 육군 병장 만기 전역
  • 자격증
    (2002. 07. 22) 정보처리 기능사
    (2005. 08. 19) 워드프로세서 1급
  • 경력
    10+ (Front-End)
  • 이메일
    wing6182@naver.com

Experience

컨텐츠웨이브(주)

웹개발팀 / 매니저

2024
Wavve Admin 2.0 OMS, CMS FE개발
배너생성 및 배너 편성관련 FE 개발
빅배너, 일반배너, 팝업배너 등록 관련 admin 등록 수정
Wavve Pims2.0 (결제 관련) admin FE 개발 및 UI 컴포넌트 개발
회원별 결제 정보 및 상태 관련 FE개발 UI 컴포넌트 개발
2023
Wavve 서비스 전체 Device - 이미지 포스터 / 썸네일 Webp 적용
Wavve PC / Mobile 서비스 FE 담당, 사용자 UI, UX 개선 FE개발
(홈 - 빅배너, 멀티밴드 (카테고리), 마이페이지)
Wavve SmartTv 내재화 FE 개발 (마이페이지, 빅배너, 공통 포스터)
Wavve TechDay 발표 Speaker
(Wavve webp 한방으로 이미지 서버의 부담을 줄여보자!)
Wavve 서비스 이용관련 약관 관련 공통 UI 개선 및 컴포넌트 개발
PC, Mobile, TV, skt Adot
2022
Wavve 서비스 전체 Device 마크업 리딩
Wavve PC/Mobile css -> scss 마이그레이션 및 컴포넌트 정의
Wavve PC 검색 / 홈 UX / 콘텐츠 상세 개선 개발
현대자동차 인앱 Wavve서비스 - vue + styled-component + storybook.js 개발
Wavve TechDay 발표 Speaker
(Scss 마이그레이션 적용기 / 현대자동차 styled-component + storybook.js 개발 사례)

엔테크서비스(주)

뮤직&웍스 개발 / 차장

2022
Entry - React Styled-component - WorkSpace / learning 리뉴얼 및 리딩
네이버 날씨 서비스 - 실시간 톡 게시판 리뉴얼 및 리딩
2021
Entry - React Styled-component / Css Module 개발
네이버 날씨 서비스 기상특보, 실시간Talk 게시판 개발
WorksMobile DM관련 EMS 개발
2021네이버 신입사원 대상 개발 Basic 과정 교육 진행
2020
Entry - React Styled-component / Atomic Design + Responsive 개발
Line Entry 오픈형 학습하기 / 마이페이지 개선 개발 React + CssModule 개발
Entry 데이터 분석 - 테이블 / 차트, 회귀 및 군집 개선 React + CssModule 개발
Entry AI 모델학습 - 텍스트, 음성모델 React + CssModule 개발
Connect 부스트캠프 리뉴얼 개선 개발
상반기 직무교육 개발 초중급 과정 교육 진행
2020네이버 신입사원 대상 개발 Basic 과정 교육 진행
2019
Connect 서비스 담당(edwith / Entry)
Entry - React Styled-component / Atomic Design + Responsive 개발
Entry - WorkSpace 교과형 학습 1차 UI개선 React Less / Sass 개발
Edwith - MobileWeb 동영상 개선과제 개발
Edwith - MobileWeb Main / Footer 개선
Edwith - PC 에디터 개선 / OG태그 개선
2018
Connect 서비스 담당(Edwith / Entry)
Edwith 메인 개편 / 플립러닝 서비스 개발
부스트코스 프로젝트 개발
Edwith 유료화 기능 관련 개선
Edwith 어학기능 프로젝트 개발
Edwith Mobile 구조 php-ti 개선 및 코드 리팩토링
Edwith Mobile 과 share Mobile 서비스 마크업 구조 통일화
star mooc 등 파트너사 개발 및 대응
Entry Workspace UI개선 (마크업 구조는 동일하되 최대한 css로만 변경)
Entry React 전환 작업으로 인한 개발 대응
2017
네이버페이 서비스 담당
네이버페이 서비스 nunjucks.js 적용
gulp를 이용하여 sass / sprite-smith 도입
네이버페이 css / images 서버 데이터와 싱크 작업 후 개발환경 개선
네이버페이 EMS 페이지 gulp를 이용하여 css to inline-style 자동화 작업
네이버페이 모바일 구매확정 / 배송지 변경 / 구매내역 확정 / 구매평 개발
네이버페이 공통 GNB / FOOTER 개선
네이버페이 PC 신용카드 적립 리스트 개발
네이버페이 PC 계좌/송금 사용성 개선
네이버페이 신용카드 프로모션 개발
네이버페이 어드민센터 회원가입, 가맹점 개선
Connect Edwith 서비스 담당
Edwith 공통 게시판 에디터 커스터마이징 튜닝
Edwith 통계 리포트 / 동영상 플레이 횟수 통계 개선
Share 강의상세 내부 - 강의목록 추가 / 동영상 챕터 카테고리 개발

교육 / 강의
사내 인턴 개발 심화 강의 및 강사 활동
팀내 git 활용 강의 진행 (git subtree / submodule 차이)
네이버 직무교육, UIT개발실 내부 FE / RIA / 직속 - html + css basic 강의 진행
2016
네이버 쇼핑 서비스 담당
쇼핑 - 핫딜 / 럭키투데이 / 타임특가 / 실시간 톡톡 관련 개발
gulp를 이용하여 sass / sprite-smith 도입
쇼핑 - PC, Mobile 검색/랭킹 리스팅 개선
쇼핑 - 상생관 다채몰, 강원마트, 경기행복샵, 서울샵 개발
쇼핑 - 검색 태그 개선
전문관 - 플레이윈도 / 선물 윈도 프로모션 개발

교육 / 강의
사내 인턴 개발 심화 강의 및 강사 활동
디자이너, 기획자, 개발자 대상 개발 기초/심화 교육
2015
네이버 쇼핑 서비스 담당
쇼핑 - 핫딜서비스 개발
지식쇼핑 / 쇼핑MY / 쇼핑 통합 이미지 뷰어 서비스 개발
네이버 쇼핑 관련 EMS 개발

교육 / 강의
git 기초 강의 (git rebase, git reflog를 이용한 삭제 브랜치 혹은 커밋 로그 복구)
UI 디자이너 대상 UI디자이너를 위한 웹 디바이스 꿀팁 교육
webkit css 사전 프로젝트 서적 저자 참여
신규 입사자 교육 - 마크업 최적화 성능 강의
2014
네이버 게임 서비스 담당
게임 GNB 개선 및 서비스 패키지/ 카테고리 개발
게임 서비스 사전 알림 이벤트 / 게임별 템플릿 가이드 개발
네이버 체크아웃(현재 네이버페이) 서비스 담당
체크아웃 - 내캐쉬 / 내 선물함 / 마이페이지 개발
체크아웃 관련 EMS 개발
네이버 스포츠 브라질 월드컵 프로젝트 개발
뉴스 - 뉴스 서비스 안내 개발
뉴스 - 뉴스 클러스터링 프로토타입, 오눌의 신문 EMS 개발
네이버 날씨 기상특보 / 트위터카드 개선
네이버 윙버스/윙스푼 서비스 종료 관련 가이드 개발
네이버 자동차 / 이륜차 카테고리 분류 및 개선
네이버 공통 PC, Mobile 메일 템플릿 EMS 개발
2013
네이버 생활정보 건강 서비스 담당
네이버 건강 서비스 웹 접근성 대응 및 페이지 속도개선(sprite image / css 경량화)
건강 - 질병/의학 - 정신건강 전문의 무료상담 신청 신규 카테고리 개발
MY건강 기록부 신체/체성분/InBody 연동 및 신체 체성분 정보 개발
건강 - 운동/피트니스 - 운동목록 카드뷰 UI개선
대외사업 스마트교육 플랫폼 keris 프로젝트 UI 개발
2012
네이버 18대 대통령 선거 프로젝트
네이버 공통 스킵네비게이션 가이드 작업

Projects

Wavve

PC / Mobile css -> scss 형태로 마이그레이션
css 2중 중복 override 이슈 개선 및 컴포넌트 단위로 개발
UI / UX 개선 페이지 리뉴얼 개발
현대 자동차 인앱 Wavve 서비스
vue + styled-components + storybook.js 개발
Wavve all Device 이미지 포스터 webp 적용 및 페이지 경량화 대응
Wavve OMS, CMS 2.0 리뉴얼 FE 개발
Wavve 스마트TV 내재화 마이그레이션 FE 개발 (WebOS, Tizen)
컴포넌트 단위별 개발 및 기능 구현
참여도 : 100%

View Project / View Project

Naver Weather

Yarn Task Sass를 이용하여 개발
레거시한 페이지 및 코드를 템플릿화시켜 개선
대기영상, 미세먼지, 레이더 영상등 web player 형태로 개선
특보 게시판 - 네이버 공통댓글 톡 게시판을 css만 활용하여 커스터마이징
참여도 : 100%

View Project

Entry

Yarn Task Sass + React 프레임워크를 이용하여 개발
WorkSpace 환경은 React Styled-Component를 이용하여 컴포넌트 UI 개발
현재 리뉴얼 진행 중 (Atomic Design + Styled-Component + StoryBook)

참여도 : 100%

View Project

Line Entry (Japan)

Yarn Task Atomic Design + React Styled-Component + StoryBook 컴포넌트 UI 개발
Naver Tech MeetUp 발표 진행 (https://tv.naver.com/v/11994379)

참여도 : 100%

View Project

Edwith

Gulp Task + Sprite-smith + php-ti 프레임워크 개발

참여도 : 100%

PC Project / Moblie Project

BoostCamp

Gulp Task + Sprite-smith + Sass 프레임워크 Responsive 개발

참여도 : 100%

View Project

Naver Pay

Gulp Task Sprite-smith + Nunjucks.js UI 개발

주문서, 송금하기, 네이버 페이 관리자센터, EMS 등

참여도 : 100%

PC Project / Mobile Project

Naver Shopping

Gulp Task + Sprite-smith + 개발
쇼핑상세 / 핫딜 / 소셜베스트 / 럭키투데이 등

참여도 : 100%

PC Project / Mobile Project

Naver Game

PC 전체 페이지 및 게임별 Event 개발

참여도 : 100%

View Project

웹킷 CSS 바이블

webit-css3 실무 및 예제 관련 서적 기술

참여도 : 100%

View Project1 / View Project2

Naver 2014 Brazil WorldCup

PC + Mobile 개발
경기 현황, 스코어보드, 응원하기, 승부차기, 실시간 문자 중계 등

참여도 : 100%

Naver Health

PC + Mobile 전체 페이지 개발

참여도 : 100%

Naver 제18대 대통령 선거

PC + Mobile 전체 페이지 개발

투/개표, 출구조사, 개표 현황, 그래프, 지역 투개표 현황 및 결과, SNS 응원하기 등

참여도 : 100%

LG U+ IPTV

LG U+ IPTV Set-Top 개발 (960X540 폴라리스 브라우저 대응)

참여도 : 100%

천리안

천리안 유지보수 및 운영 / EMS메일링 개발

참여도 : 100%

View Project

LG U+ MoviePot

Jquery + ResponsiveWeb 개발

참여도 : 100%

Skills