Lee
PUBLISHER
Jong Hoon

준비가 되어있는 노련한 퍼블리셔 이종훈 입니다.

신입 때 디자이너로 입사 했다가 퍼블리셔로 전향 했는데
디자이너로 근무할 때 보다 훨씬 더 적성에 맞았고 지금 생각해도 올바른 결정이었습니다.
퍼블리셔로 근무 하면서 느낀 점은
고객의 needs
가독성 높고 유지보수가 용이한 코딩법
어느 환경에서도 제대로 보이는 크로스브라우징

크게 이 세 가지가 중요하다는 걸 깨닳았고 또한 그렇게 하기 위해
습관도 고치고 누락 된 부분이 있는지 꼼꼼히 검수 하게 되었습니다.
그리고 연차가 쌓일수록 다른 업체에 비해 여전히 부족하다고 느껴서
평일에는 일, 주말에는 학원을 다니며 html과 css에 대해 더 자세히 알게 되었고,
가장 배우고 싶던 javascript와 jQuery도 익히게 되어
업무에 슬슬 적용시켜 나가며 성취감을 느끼기도 했습니다.
그 결과 회사에선 제가 없인 유지보수가 어려운 위치에 오게 되었고
해당 플랫폼의 경쟁업체들에 비해 더 전문성을 띈 업체로 성장할 수가 있었습니다.
최근까지 근무 하면서 아쉬웠던 점은 한정적인 자원 안에서 모든 걸 해결하려다 보니
지원하지 않는 기능들을 억지로 추가하는 것과 더 이상의 발전에 한계를 느껴서
새로운 마음으로 더 넓은 곳으로 나아가고자 합니다.

My Career

직업학교에서 웹디 과정 수료

기 간 : 2009.03 ~ 2009.08

내 용 : html, css, flash, photoshop, illustrator, javascript 등

이앤드피코포레이션

경 력 : 2009.09 ~ 2010.05

업 종 : 온라인 쇼핑몰

아이템 : 3가지 브랜드의 남성 정장

주 업무 : 오픈마켓에 등록 되는 이벤트 배너 제작 및 썸네일 작업

(주)노렌

경 력 : 2011.05 ~ 2012.05

업 종 : 온라인 쇼핑몰

아이템 : 휴대폰 악세사리 & 애플 제품 및 소형 가전제품

주 업무 : 오픈마켓에 등록 되는 이벤트 배너 제작 및 썸네일 작업

숍이미지

경 력 : 2012.10 ~ 2017.12

업 종 : 카페24 쇼핑몰 에이전시

주 업무 : psd 시안을 보고 브라우저에 구현

하이미디어 컴퓨터 학원
웹퍼블리셔 과정

기 간 : 2014.04 ~ 약 9개월

내 용 : html, css 심화 및 javascript, jQuery 기본개념 & 심화

기 타 : 재직 기간 중 주말을 이용해 공부

프리랜서

기 간 : 2018.2 ~ 2019.1

내 용 : 카페24 쇼핑몰 에이전시

주 업무 : psd 시안을 보고 브라우저에 구현

재직 중 기억에 남았던 작업

  • 로라스타일

    로라 스타일

    여성 장신구, 귀금속

    일반적인 쇼핑몰 디자인과 기능

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 따로 있지만 제작에는 참여 안함

  • 곶감촌

    곷감촌

    곷감 단일 품목

    여러가지 상품이 아닌 단일 품목으로 디자인

    중대형 규모 보다 소작농 사장님들이 주 타겟

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 따로 있지만 제작에는 참여 안함

  • 뉴몰플러스 04 커피

    뉴몰플러스 04 커피

    커피 및 비타민 등등

    쇼핑몰과 커뮤니티 기능을 둘 다 강조한 디자인

    기존에 작업하던 레이아웃에서 많이 벗어남

    좌우 메뉴가 고정이라 작은 모니터에선 다소 답답해 보임

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 현수막쇼핑몰 실사스타

    현수막쇼핑몰 실사스타

    현수막 및 실사출력

    현재 숍이미지에서의 주력을 만들어 준 초기 특수 쇼핑몰

    상품 이미지의 가로 또는 세로 길이에 따라 상품 상세페이지의 레이아웃 형태를 즉각으로 변경

    우측 퀵메뉴의 시안확인 게시판은 원래 없던 기능인데 연구 끝에 적용해 놓은 숍이미지의 특화 기능

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 두스포츠

    겨울스포츠01 두스포츠

    겨울 레져용품에 대한 쇼핑몰

    타임세일이라는 기능을 처음 도입

    스크립트에 저장 된 년월일을 기준으로 초 단위로 줄어드는 타이머

    할인 가격에 대한 할인율 처음 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 다모아베이

    다모아베이

    게임 아이템 & 문화상품권 매입

    카페24 솔루션의 한정적인 기능으로 제작 된 최초의 대리결제 쇼핑몰

    이후로 응용+보강을 한 대리결제 쇼핑몰 다수 제작

    결제 확인은 운영자가 수동으로 조회 후 게시판에 진행상태 수정

    무통장 입금 시스템이라 쇼핑몰 내에서 결제 진행은 불가

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 해피독

    애견용품쇼핑몰01 해피독

    강아지 사료, 간식, 용품 등

    두스포츠의 기능들 다수 차용

    타임 세일과 할인율 노출

    상단 카테고리에 마우스를 올리면 하위 카테고리 갯수에 따라 감싸는 요소의 높이가 자동으로 조절

    상품에 마우스를 올리면 장바구니로 바로 담는 기능 추가

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 식품종합몰

    주문형 식품종합몰

    건강식품, 식료품 종합 쇼핑몰

    스크롤이 상단 메뉴 높이로 내려오면 상단메뉴 fixed

    스크롤이 좌우측 퀵메뉴 높이로 내려오면 퀵메뉴 fixed

    상단 카테고리에 마우스를 올리면 해당 카테고리에 맞는 이미지도 함께 출력

    카페24의 앱스토어(구 C스토어) 기능을 십분 활용

    오른쪽 n번째 카테고리는 이미지와 하위분류 위치를 변경

    상단 배너에 쿠키를 이용한 "오늘 하루 안 보기 기능" 추가

    현재 접속 한 상품 카테고리 활성화

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 테즈로스팅

    주문형 식품종합몰주문형 테즈로스팅

    커피콩 단일 품목

    반응형 쇼핑몰(PC 전용)

    메인 화면 배경을 이미지가 아닌 영상으로 처리

    현재 접속 한 카테고리 활성화

    상품 리스트 페이지 대신 SHOP 카테고리 상단에 상품 리스트 나열

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 세레스

    반응형 세레스 모바일SET

    남성 의류

    반응형 쇼핑몰(PC 전용)

    창 크기가 줄어들면 상단바에 이벤트

    현재 접속 한 카테고리 활성화

    LOOKBOOK 카테고리에 핀터레스트 효과 적용

    메인 중앙에 SPECIAL ISSUE와 REVIEW에 반응형 레이아웃 적용

    상품 디테일 페이지에 반응형 레이아웃 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 주노

    주노 모바일SET

    남성 의류

    반응형 쇼핑몰(PC 전용)

    메인에서만 상단 카테고리가 메인 비쥬얼 하단에 붙어 있는데 header에 닿으면 fixed

    현재 접속 한 카테고리 활성화

    LOOKBOOK 카테고리에 핀터레스트 효과 적용

    메인 중앙에 SPECIAL ISSUE와 REVIEW에 반응형 레이아웃 적용

    상품 디테일 페이지에 반응형 레이아웃 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 어반G

    반응형 어반G 모바일SET

    남성 의류

    메인 화면에서 fullpage.js 기능을 적용

    반응형 쇼핑몰(PC 전용)

    SHOP 카테고리가 상품의 index 페이지(원래는 상품 index 페이지가 없음)

    상단에 있던 메뉴를 좌측으로 fixed 하고 반응형 효과 적용

    상품 index 페이지 중앙 백그라운드 이미지에 parallax 효과 적용

    현재 접속 한 상품 카테고리 활성화

    상품 디테일 페이지에 보강 된 반응형 레이아웃 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 반응형 어반M 모바일SET

    남성 의류

    어반G에서 fullpage.js 기능을 뺀 버젼

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 코디룸

    코디룸 모바일SET

    종합 의류

    현재까지 작업한 의류 쇼핑몰들 기능을 전부 통합 해본 쇼핑몰

    메인 "오늘만 이가격" 영역에 2줄 짜리 carousel 슬라이드 적용

    모든 페이지 좌측 하단에 누르면 커지는 배너 적용(+쿠키 기능)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 마이트래블샵

    주문형 마이트래블샵

    여행용 가방 전문 쇼핑몰

    반응형 쇼핑몰(PC 전용)

    스크롤이 상단 메뉴 높이로 내려오면 상단메뉴 fixed

    상단 메뉴에 반응형 레이아웃 적용

    상단 카테고리에 마우스를 올리면 하위 카테고리 갯수에 따라 감싸는 요소의 높이가 자동으로 조절

    상단 메뉴 좌측 상단에 마이페이지, 게시판 리스트를 추가해 어디서든 이동할 수 있도록 기능 추가

    상단 배너에 쿠키를 이용한 "오늘 하루 안 보기 기능" 추가

    메인 비쥬얼을 배경 이미지 처럼 스크롤에 따라 가려지도록 처리

    현재 접속 한 상품 카테고리 활성화

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 현수막쇼핑몰

    주문형 현수막쇼핑몰

    현수막 및 실사출력

    현수막쇼핑몰 실사스타보다 좀 더 진보 된 특화 쇼핑몰

    스크롤이 상단 메뉴 높이로 내려오면 상단메뉴 fixed

    기타 메뉴들을 우측 토글 메뉴로 통합

    이미지의 가로, 세로길이에 따라 상품리스트가 유동적인 레이아웃으로 변함

    상품 상세 페이지 옵션 중 "직접 입력" 옵션을 도입

    숨겨졌던 폼이 나오면서 정해진 최소/최대값 안에서 계산이 되면 자동으로 결과값에 해당하는 가격이 추가 됨

    옵션 하단에 "주문형식 선택"이 카페24 기본 버튼 기능인데 형편 없어서 radio 버튼으로 작동 하도록 변경

    상품 리스트 페이지에 한해 현재 접속 한 상품 카테고리 활성화

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 없음

  • 창연상패

    주문형 감사패 모바일SET

    감사패 단일 쇼핑몰

    스크롤이 상단 메뉴 높이로 내려오면 상단메뉴 fixed

    기타 메뉴들을 우측 토글 메뉴로 통합

    상품 상세페이지 옵션이 셀렉트박스가 아닌 대부분 직접입력 방식으로 작업

    찾기 버튼을 이용해 샘플을 복사할 수도 있고 직접 입력도 가능

    수여 날짜의 디폴트는 현재 접속한 날짜로 설정

    페이지 상단의 시안확인 페이지에서 고객들이 주문한 상품의 시안과 현재 진행상태를 한 눈에 보기 쉽게 작업(대신 운영자가 직접 작성/수정 해야 함)

    페이지 상단의 예문 자료실 페이지에서 마음에 드는 예문을 보고 복사하기를 누르면 클립보드에 저장 됨

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 코웨이

    주문형 코웨이 모바일SET

    코웨이 렌탈샵 1

    스크롤이 상단 메뉴 높이로 내려오면 상단메뉴 fixed + 반응형 레이아웃 적용

    상품 등록시 미리 정해놓은 룰에 맞춰 렌탈 상품인지 일시불 상품인지 구분해서 상품 상세페이지 진입 시 자동으로 분류

    렌탈 상품의 경우 구매 버튼을 누르면 jquery.tmpl.js 기능이 적용 된 iframe 게시판을 불러와 작성 후 주문을 완료 하면 운영자만 확인 가능한 게시판에 자동으로 업로드 되고 쉽게 관리가 가능

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • LG 렌탈몰

    렌탈몰 LG 모바일SET

    LG 렌탈샵

    코웨이 렌탈샵 보다 약간 더 업그레이드 된 렌탈 특화 쇼핑몰

    렌탈가, 판매가 외에 제휴카드가 라는 가격도 추가하고 그에 따라 상품 페이지 진입 시 자동으로 분류

    상품 상세페이지에서만 가능했던 jquery.tmpl.js를 이용한 게시판 기능을 메인에서도 사용할 수 있도록 작업(빠른 상담신청)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 허준 흙침대

    주문형 허준 흙침대

    흙침대 렌탈/판매샵

    LG 렌탈샵 보다 약간 더 업그레이드 된 렌탈 특화 쇼핑몰

    렌탈가, 판매가에 따라 상품 상세페이지에서 고객이 수동적으로 선택 가능하도록 변경

    jquery.tmpl.js를 이용한 게시판 기능을 모든 화면에서 사용할 수 있도록 우측 퀵메뉴에 버튼 추가(빠른 상담신청)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 쿠쿠 렌탈몰

    렌탈몰 쿠쿠 모바일SET

    쿠쿠 렌탈/판매샵

    LG 렌탈샵 보다 약간 더 업그레이드 된 렌탈 특화 쇼핑몰

    jquery.tmpl.js를 이용한 게시판 기능을 메인 화면과 모든 화면에서 사용할 수 있도록 우측 퀵메뉴에 버튼 추가(빠른 상담신청)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 블라인드 풍경

    전문몰 블라인드 풍경

    블라인드 전문 쇼핑몰

    카페24 기본 기능으로 불가능했던 블라인드 면적 수동입력 기능을 도입

    주문형 현수막쇼핑몰에 적용 된 수동입력 기능이 여기에 먼저 적용 됐음

    구매자가 주문 완료 시 자동으로 상품명, 옵션, 금액이 실시간 주문현황 게시판에 글 등록이 되고 운영자는 진행상황만 수정 해주면 됨(jquery.tmpl.js 기능)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 캣기프트

    캣기프트 모바일set

    고양이 용품 쇼핑몰

    상단 메뉴에 반응형 레이아웃 적용

    메인 비쥬얼 대신 우측 토글버튼을 이용해 반응형 레이아웃 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 겜프로

    주문형 겜프로 모바일SET

    게임 아이템 & 문화상품권 매입

    다모아베이보다 더 업그레이드 된 대리결제 쇼핑몰

    다모아베이와 달리 무통장 입금이 아닌 쇼핑몰 내 결제가 가능하고, 주문이 완료 되면 jquery.tmpl.js 기능을 이용해 대리결제 진행상황 게시판에 주문자 이름, 게임, 옵션, 금액이 제목에 나타나고 운영자는 진행상황만 수정 하면 됨

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 코코밥

    주문형 수제사료 코코밥

    반려동물 수제사료 쇼핑몰

    겨울스포츠01 두스포츠에 처음 적용됐던 타임세일 기능을 더 업그레이드 하여 카테고리 단위가 아닌 각 상품별로 적용 가능 하도록 수정

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 데일리룩

    주문형 데일리룩모바일set

    의류/잡화 쇼핑몰

    티비 홈쇼핑 컨셉으로 방송편성 카테고리는 해당 시간에만 할인하는 기능으로 구현 하려 했으나 실패

    라이브딜 카테고리는 타임세일

    겨울스포츠01 두스포츠에 처음 적용됐던 타임세일 기능을 더 업그레이드 하여 카테고리 단위가 아닌 각 상품별로 적용 가능 하도록 수정

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 뮤디벨

    주문형 뮤디벨 모바일set

    어린이 교육용 페이지

    상품이 없고 메인페이지만 존재 하는 사이트이고 영문으로 제작

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "mobile--" 붙여서 접속)

  • 워너코

    주문형 워너코 모바일set

    해외 안경 쇼핑몰

    해외에 거주 하는 한국인들을 위한 안경 쇼핑몰이라 영문을 베이스로 제작

    일반적인 카테고리에선 구매 대신 jquery.tmpl.js를 이용한 게시판 글 등록이 되고 운영자가 해당 정보를 토대로 PRIVATE 카테고리에 상품을 올리면 상품을 구매 하는 방식

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "mobile--" 붙여서 접속)

  • 코웨이 렌탈몰

    렌탈몰 코웨이 모바일set

    코웨이 렌탈/판매샵

    렌탈몰 쿠쿠 모바일SET 보다 약간 더 업그레이드 된 렌탈 특화 쇼핑몰

    jquery.tmpl.js를 이용한 게시판 기능을 메인 화면과 모든 화면에서 사용할 수 있도록 우측 퀵메뉴에 버튼을 추가하고 화면 하단에 항상 따라다니도록 iframe을 이용한 게시판 추가(빠른 상담신청)

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 명함 인쇄몰 1

    명함인쇄몰 모바일SET

    명함 및 출력물 전문 쇼핑몰

    숍이미지를 더욱 전문적인 회사로 각인 시켜 준 샘플 쇼핑몰

    카페24에서 불가능 했던 "멀티옵션" 기능을 완벽하진 않지만 어느정도 구현

    주문형 현수막쇼핑몰에 적용 된 라디오 버튼 옵션이 여기에 먼저 적용 됨

    라디오 버튼 외에 체크박스로도 적용

    상품 상세페이지 하단에 옵션 선택에 따른 금액 추가가 실시간으로 반영

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 명함 인쇄몰 2

    주문형 명함인쇄 플로카드

    명함 전문 쇼핑몰

    명함인쇄몰 모바일SET의 업그레이드 버젼

    각 카테고리나 상품별로 옵션 조건이 다른데 해당 경우의 수는 전부 작동 하도록 작성

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 명함 인쇄몰 2

    주문형 선경애드모바일set

    실사출력 전문 쇼핑몰

    주문형 명함인쇄 플로카드까지의 노하우를 바탕으로 각종 규격의 입체적인 아크릴 출력물 등의 주문을 가능하게 함

    전 보다 옵션 조건이 훨씬 많아졌지만 해당 경우의 수는 전부 작동 하도록 작성

    멀티옵션+직접입력+버튼형 옵션선택+실시간 가격변화 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

  • 종합 인쇄몰

    명함현수막 디자인하우스

    인쇄/실사출력 전문 쇼핑몰

    인쇄 전문몰의 끝판왕

    명함, 각종 규격 인쇄물, 현수막 등등 모든 경우의 수를 대입 해서 작성

    멀티옵션+직접입력+버튼형 옵션선택+실시간 가격변화 적용

    제작 솔루션 : 카페24 쇼핑몰 솔루션

    모바일 여부 : 있음(도메인 앞에 "m." 붙여서 접속)

努力 1노오오력11.5200[:노력]3

하다 보면 결국 못 할 게 없다

이 것이 저의 업무 마인드 입니다.