WEB PUBLISHER 노은찬

Scroll

Introduce

  • 웹표준을 지향하는 6년차 퍼블리셔 노은찬 입니다 :)
  • 퍼블리셔로서 서비스에 성능향상에 기어할 수 있는 방법을 모색하고
    적용하는 것을 좋아합니다.
  • 나만의 루틴을 만들고 지키는 것을 좋아합니다.
  • 이야기 듣는 것을 좋아하고, 알고 있는 지식 공유를 좋아합니다.
  • '건강한 몸에서 건강한 마음이 나온다' 라는 좌우명으로
    업무능률 항상을 위해 항상 운동을 하고 있습니다.
실험실

Educational Qualifications

  • 2008 - 2015

    강원대학교(춘천)

    환경공학과

Employment

  • 2016.4 - 2019.8

    InComms

    웹표준개발팀

  • 2019.8 - 2020.8

    한화호텔앤드리조트

    경영지원팀

  • 2020.8 -

    DOUZONE

    Platform Business Division, Develop Center 2

  • 네이버 클로바 - 스킬 스토어
    Skills
    html, scss
    개발환경
    vue
    특이사항 & 개선
    앱 리스트 swiper 다음 앱 유/무 UI 개선

    • clova - 스킬스토어

    • clova - 스킬스토어
      (end page)

  • 네이버 시리즈
    URL
    바로가기 >
    Skills
    html, css, scss
    특이사항 & 개선
    크로스 브라우징 범위 : ie7 - ie10 css > scss 변경작업 라벨(뱃지) 공통화 작업

    • 시리즈메인

    • 시리즈 상세페이지

    • 시리즈 장바구니

    • 시리즈 결제페이지

  • 네이버 클라우드 플랫폼
    URL
    바로가기
    Skills
    html, scss
    특이사항

    git 서버 분산 관리(공공, 기업, 유료회원)

    'ico-moon' 이미지 활용

    • 서비스 카테고리

    • 서비스 상세페이지1

    • 서비스 상세페이지2

    • 서비스 상세페이지3

  • 파파고
    URL
    바로가기
    개발환경
    React
    Skills
    html, scss
    특이사항

    Front-End 개발환경과 동일하게 맞춰 작업 진행(React)

    다국어 대응 작업

    • 파파고 메인

    • 파파고 검색결과

    • 파파고 검색기록

  • 네이버 영화(웹접근성)
    URL
    바로가기
    Skills
    html, css
    특이사항 & 개선

    웹 접근성 개선(개선 전: 38점 > 개선 후 85점)

    크로스 브라우징 범위 : ie7 - ie10

    • 네이버 영화 메인

    • 네이버 영화 리스트 페이지

    • 네이버 영화 평점&랭킹

    • 네이버 영화 상세 페이지

  • V Live - 이벤트 페이지
    URL
    바로가기 >
    Skills
    html, css
    특이사항

    다국어 대응 작업 - 영어, 중국어(간체/번체), 일본어, 베트남

    • V Live - 한국

    • V Live - 영어

    • V Live - 일본

    • V Live - 중국

    • V Live - 베트남

  • 회사초기설정
    WEHAGO 2.0 회사초기설정

    WEHAGO 가입 고객의 회사초기설정 페이지

    개발환경
    React
    Skills
    html, scss

    • 회사초기설정(PC)

    • 회사초기설정(mobile)

    • 워크플레이스

  • DOCC(병원관제플랫폼)
    DOCC

    축척된 병원의 실시간 데이터를 중심으로 현장 이슈 모니터링 및 소통 가능한 서비스

    개발환경
    React
    Skills
    html, css
    특이사항

    반응형 작업(Pad, 14:9모니터, 32:9모니터)

    chrmome 브라우저 전용 페이지(grid 레이아웃)

    • 메인 페이지

    • 운영지표(14:9)

    • 왼래 운영혀황(14:9)

    • 병상 운영현황(14:9)

    • 수술 운영현황(14:9)

    • 운영지표(32:9)

    • 왜래 운영현황(32:9)

    • 병상 운영현황(32:9)

    • 수술 운영현황(32:9)

  • VIP 페이지
    VIP
    선거 페이지

    VIP 선거캠프 소개 및 영상자료, SNS와 GPS를 연동한 '힘이되는 한마디' 등 다양한 컨텐츠와 공약 소개 페이지 제작

    개발환경
    React
    Skills
    html, scss, jquery/javascrip
    Library
    fullpage.js, slick.js
    특이사항

    트래픽 증가로 인한 animaition css 최적화

    • 메인 페이지

    • 서브 페이지

    • 회원가입 페이지

    • 관리자 페이지

    • (MO)메인 페이지

    • (MO)메인 페이지 메뉴

    • (MO)서브 페이지

    • (MO)회원가입 페이지

  • 커뮤니티
    커뮤니티

    WEHAGO를 이용하는 고객에게 제공하는 커뮤니티 플랫폼

    개발환경
    React
    Skills
    html, scss, jquery/javascrip
    Library
    slick.js

    • 메인 페이지

    • 검색 페이지

    • 마이 페이지

    • 커뮤니티 메인 페이지

    • (MO)메인 페이지

    • (MO)피드 페이지

    • (MO)검색결과 페이지

    • (MO)커뮤니티 랭크 페이지

  • 연말정산 서비스
    연말정산

    연말정산을 모바일로 쉽게 할 수 있는 플랫폼 개발(나하고 연동)

    개발환경
    React
    Skills
    html, scss
    특이사항

    모바일 앱에 적용되는 하이브리드 앱 개발

  • WEHAGO 서비스 리뉴얼 작업
    리뉴얼 작업

    전자결재, 전자계약, 경비청구, 근태관리 등 8건 리뉴얼 작업

    WEHAGO 서비스 내 2년이상 고객들의 사용빈도가 높은 서비스 리뉴얼 작업

    개발환경
    React
    Skills
    html, scss, css
    특이사항

    신규 디자인 컴포넌트 적용

    8개의 서비스 공통화 작업

    • 경비청구

    • 회사설정

    • 전자결재

    • 전자계약

    • 개인설정

    • 전자연구노트

  • WEHAGO L
    WEHAGO L

    법률 전문 비지니스 플랫폼으로 메신저, 공유폴더, 캘린더등 공통적인 요소와 고객별 사건, 매출 관리등 법률사무소의 특화된 서비스

    개발환경
    React
    Skills
    html, css

    • 고객정보 - 메인

    • 고객정보 - 수정

    • 소송업무 - 메인

    • 소송업무 - 사건진행단계

    • 소송업무 - 미리보기

    • 사건일괄등록

    • 소통/협의 - 메일

    • 소통/협의 - 메신저

Language

  • HTML
  • CSS
  • SCSS

SCM

  • Git
  • SVN

Graphic

  • Photoshop
  • Zeplin

Cross Browsing

  • ie7 ~ ie11, Edge
  • Chrome
  • Firefox
  • Safari
  • Mobile device