대표 작업물
Selected Projects
기업 홈페이지부터 업무 시스템까지, 실무에서 구현한 프로젝트를 소개합니다.
전체37개 프로젝트
-
이너젠 자사 사이트
React 기반 자사 웹사이트 메인 및 서브 페이지 퍼블리싱
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- React
-
내부용 서비스
온실가스 배출관리 서비스
온실가스 배출관리 B2B SaaS 서비스 구축. React 기반 관리자 플랫폼 및 데이터 중심 화면 퍼블리싱 및 Cursor AI를 활용한 프론트엔드 개발
- HTML5
- CSS3
- JavaScript
- jQuery
- React
- DataTables.js
- amCharts.js
-
밀양시 교육사업
밀양시 시민과 학생을 대상으로 실내공기질과 환경관리 교육을 제공하는 스마트 IoT 기반 환경교육 웹서비스.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
한국산림복지진흥원
한국산림복지진흥원의 소속된 숲 날씨 정보 제공 페이지
- HTML5
- CSS3
- JavaScript
- jQuery
-
내부용 서비스
서울시설공단
커스텀 페이지 작업, 공단 내부에서 사용되는 사이트로 데이터 전달에 중점을 둠. 서버언어는 jsp로 진행.
- HTML5
- CSS3
- JavaScript
- jQuery
- JSP
-
내부용 서비스
환경성질환 예방관리 개발 사업 시각화페이지
커스텀 페이지 작업, 사업 내부에서 사용되는 사이트로 데이터 전달에 중점을 둠. datatable api를 사용.
- HTML5
- CSS3
- JavaScript
- jQuery
- DataTables.js
-
내부용 서비스
air365
기존 구축된 자사 사이트 유지보수 및 새로운 컨텐츠 퍼블리싱.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
-
gmp school
제약사를 대상으로 GMP·GLP·VAL 과정과 관련 가이드라인을 제공하는 온라인 교육서비스.가이드를 구축 하여 유지보수가 용이하게 작업
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
법무법인해랑_형사전담센터
법무법인 해랑의 형사전담센터 사이트. 신규 사이트 구축.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
한컴MDS 기업 웹사이트
CMS에서 등록되는 콘텐츠 유형을 분석 및 공통 마크업·스타일 가이드와 콘텐츠 페이지 템플릿 구축
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- JSP
- CMS
- SVN
-
이통사와 함께하는 개인정보보호 캠페인
개인정보보호에 대한 이용자의 인식제고 및 책임감을 가지도록 하는 개인정보보호 문화 형성을 위한 개인정보보호캠페인 홈페이지. 풀페이지 형태
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- Fullpage.js
- JSP
-
midna 유전체 연구소
유전체 연구소 사이트 리뉴얼
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
나라보험계리컨설팅
보험 사이트. 풀페이지 형태
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
나원기계
사이트 리뉴얼. 다국어 페이지로 코딩(7개국어).
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
태영상선 E-SERVICE
선박스케쥴, 화물추적, 수입업무, 수출업무 등을 관리하는 E-Service 시스템
- HTML5
- CSS3
- JavaScript
- jQuery
- JSP
-
제타럭스 시스템
신규 사이트 구축
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- Figma
-
국제앰네스티 존엄캠페인
티켓 발권 이벤트 페이지. javascript/jquery로 각 컨텐츠 구현. php 파라미터로 닉네임, 이미지를 받아 티켓이 발권되는 형태. 메인 - 요소들이 올라오는 형태로 동적인 애니메이션을 구현.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
소비자기후행동
풀페이지 형태. 페이지 코딩 및 유지보수 진행. javascript/jquery를 이용하여 캐릭터 만들기 구현.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
천경해운
사이트 리뉴얼. 다국어 페이지로 코딩 svg를 이용한 애니메이션 구현. 서버언어는 jsp로 진행
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- JSP
-
IDO 바인더
바인더 쇼핑몰. 사이트 리뉴얼.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
대웅경영개발원
사이트 리뉴얼. 풀페이지 형태이며 다양한 형태의 슬라이드 구현. 서버언어는 jsp로 진행
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- JSP
-
운영 종료
beautycop
영문/국문 중 영문 페이지를 기준으로 작업하였으며, 4뎁스의 메뉴에서 파라미터 값을 받아 뿌려지는 데이터를 php와 json을 이용해 세팅.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
- JSON
-
리뉴얼
CLEANDOC
사이트 리뉴얼
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
화성시 생활문화 창작소
사이트 리뉴얼
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
광주 유네스코 연계 프로젝트
모바일 기준으로 작업. 업체에서 디자인 제공받아 작업. php 파라미터에 따라 컨텐츠 내용이 달라지는 형태로 작업하였으며 동적인 효과를 주었음
- HTML5
- CSS3
- JavaScript
- jQuery
- PHP
-
운영 종료
자연드림캠페인 - 투표 챌린지
캠페인 이벤트 - 투표 팝업 및 투표 완료 페이지 코딩
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
자연드림캠페인 - 인증샷 챌린지
캠페인 이벤트 - 인증샷 챌린지 이벤트 / 투표 팝업 및 투표 완료 페이지 코딩
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
rbdk
메인 풀페이지 형태. 메인 / 서브 컨텐츠에서 하단에서 요소들이 올라오는 형태로 동적인 애니메이션을 구현. 업체에서 zeplin으로 디자인을 제공받아 진행.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- Zeplin
-
리뉴얼
브릿메이츠
아동 영어 교육 사이트. 신규 사이트 구현.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
국립수목원
우리 산림생물 바로알기 온라인 탐험대 페이지 및 온라인 퀴즈 컨텐츠 코딩
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
몸한의원
풀페이지 형태. 관련 정보 서브 콘텐츠 및 예약 시스템 퍼블리싱
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
일하는 문화혁신
공모전 안내 페이지. 랜딩 페이지로 된 형태이며 요소 클릭시 모달 팝업 노출.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
2020 산림복지 국민참여 공모전
공모전 참여 페이지. 참여신청 폼 / 현황 확인 / 게시판 컨텐츠를 퍼블리싱하였으며, javascrip&jquery를 활용하여 상단 카운트 구현.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
리뉴얼
오직얼굴연구소
랜딩페이지 형태. 다양한 형태의 슬라이드를 구현.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
문화재수리기능인미래전
전시회 관련 게시판 및 사전예약 폼 퍼블리싱
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
고양시 도시재생 활성화 IDEA 경진대회
경진대회 안내 페이지 구축.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
-
운영 종료
SMC그룹_환불이벤트
LG생활건강 제품 환불 이벤트 페이지 코딩 이벤트 소개와 환불 폼 퍼블리싱.
- HTML5
- CSS3
- Responsive Web
- JavaScript
- jQuery
- PHP
