MetalZero Portfolio

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