logo

커스텀 페이지 작업, 공단 내부에서 사용되는 사이트로 데이터 전달에 중점을 둠. 서버언어는 jsp로 진행하였음.

커스텀 페이지 작업, 사업 내부에서 사용되는 사이트로 데이터 전달에 중점을 둠. datatable api를 사용함

기존 구축된 자사 사이트 유지보수 및 새로운 컨텐츠 퍼블리싱.

기존 구축된 자사 사이트 컨텐츠 퍼블리싱.

가이드를 구축 하여 유지보수가 용이하게 작업 하였으며, 기존 사이트의 1000여개의 강의 컨텐츠를 플래시에서 하드코딩으로 대체 하였고, 이미지와 컨텐츠, 퀴즈 내용을 전달받아 디자인 작업본이 없던 일부는 디자인을 퍼블리싱으로 수정하여 작업하였으며 강의 컨텐츠 타입별로 분류하여 클래스명을 공통화하여 퍼블리싱 진행.

기존 홈페이지 리뉴얼 / 다양한 형태의 슬라이드 사용 및 호버 애니메이션 활용 / 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

티켓 발권 이벤트 페이지. javascript/jquery로 각 컨텐츠 구현. php 파라미터로 닉네임, 이미지를 받아 티켓이 발권됨. 요소들이 올라오는 형태로 동적인 애니메이션을 구현. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

메인 / 서브 컨텐츠 코딩 진행. 컨텐츠의 경우에는 업체측의 cms를 활용함. 업체측에서 디자인 가이드와 컨텐츠 내용을 제공받아 가이드 라인에 맞춰 퍼블리싱하였으며, 관리자(cms) 추가 퍼블리싱과 다국어 페이지 코딩도 함께 진행함. 서버언어는 jsp로 진행하였음

기존 사이트 리뉴얼. 다국어 페이지로 코딩. svg를 이용한 애니메이션 구현. 서버언어는 jsp로 진행. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

신규 사이트. 메인 / 서브 컨텐츠에서 일러스트 형태와 위치를 고려해 진행함. 다양한 형태의 슬라이드 구현 하였으며, 반응형 또한 고려함. 강의 예약 및 강사진 선택 기능 구현.

업체 측에서 제공받은 figma를 이용하였으며, 메인 / 서브 컨텐츠에서 하단에서 요소들이 올라오는 형태로 동적인 애니메이션을 구현. '회사소개 - 비전' 컨텐츠에서 스크롤 위치에 따라 크기와 위치를 변형하여 jquery로 동적인 효과를 주으며 반응형 또한 고려한 작업을 하였음.

하단에서 요소들이 올라오는 형태로 동적인 애니메이션을 구현. 랜딩페이지 형태

모바일 기준으로 작업. 업체에서 디자인 제공받아 작업. php 파라미터에 따라 컨텐츠 내용이 달라지는 형태로 작업하였으며 동적인 효과 를 주었음. 최소 디바이스 320 부터 최대 디바이스 480까지 고려하여 반응형 퍼블리싱 진행.

기존 사이트 리뉴얼. 다국어 페이지로 코딩(7개국어). 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

전시회 관련 게시판 및 사전예약 폼 퍼블리싱. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

메인 및 서브 컨텐츠 퍼블리싱. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

메인 풀페이지 형태. 메인 / 서브 컨텐츠에서 하단에서 요소들이 올라오는 형태로 동적인 애니메이션을 구현. 업체에서 zeplin으로 디자인을 제공받아 진행.

기존 사이트 리뉴얼. 풀페이지 형태. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행

영문/국문 중 영문 페이지를 기준으로 작업하였으며, 4뎁스의 메뉴에서 파라미터 값을 받아 뿌려지는 데이터를 php와 json을 이용해 세팅하였음.

기존 홈페이지 리뉴얼. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

캠페인 이벤트 - 투표 및 투표 완료 페이지 코딩. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

하단에서 요소들이 올라오는 형태로 동적인 애니메이션을 구현. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행

풀페이지 형태. 페이지 코딩 및 유지보수 진행. jquery를 이용하여 캐릭터 만들기 구현. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

캠페인 이벤트 - 인증샷 챌린지 이벤트 / 투표 팝업 및 투표 완료 페이지 코딩. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

바인더 쇼핑몰. javascript/jquery를 이용하여 상세 옵션 선택 기능 / 모달 팝업 구현. 최소 디바이스 360 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

랜딩페이지 형태. 다양한 형태의 슬라이드를 구현. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

기존 사이트 리뉴얼. 풀페이지 형태이며 다양한 형태의 슬라이드 구현. 서버언어는 jsp로 진행하였음. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

풀페이지 형태. 관련 정보 서브 콘텐츠 및 예약 시스템 퍼블리싱. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

공모전 안내 페이지. 랜딩 페이지로 된 형태이며 요소 클릭시 모달 팝업 노출. 현재는 호스팅 만료로 접속이 불가능.최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.

우리 산림생물 바로알기 온라인 탐험대 페이지 및 온라인 퀴즈 컨텐츠 코딩.현재는 호스팅이 만료되어 접속 불가능함. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행

공모전 참여 페이지. 참여신청 폼 / 현황 확인 / 게시판 컨텐츠를 퍼블리싱하였으며, javascrip&jquery를 활용하여 상단 카운트 구현. 현재는 호스팅 만료로 접속이 불가능.

LG생활건강 제품 환불 이벤트 페이지 코딩. 이벤트 소개와 환불 폼 퍼블리싱. 현재는 이벤트 종료로 접속할 수 없음. 최소 디바이스 320 부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행.