### <span>프로젝트 기본 정보</span> * <span>발주처: ㈜덴오믹스</span> * <span>프로젝트 유형: 기업 홈페이지 및 학술정보 콘텐츠 플랫폼 구축</span> * <span>프로젝트 기간: 2019년 전후</span> <span>※ 사이트 푸터의 2019년 표기를 기준으로 작성했으며 정확한 착수·완료 월은 확인이 필요합니다.</span> * <span>참여 인원: 1명</span> * <span>기여도: 100%</span> * <span>사이트: </span>[<span>http://topgun8127.ipdisk.co.kr:8000/portfolio2/</span>](http://topgun8127.ipdisk.co.kr:8000/portfolio2/) * <span>구축 환경: PHP 기반 그누보드5·영카트 CMS</span> ### <span>담당 업무</span> <span>정보구조 및 화면 구성 설계, 메인·서브 페이지 UI 구현, 학술자료 및 제품정보 게시판 스킨 적용, 프론트엔드 퍼블리싱, 콘텐츠 등록 환경 구성 및 운영 관리</span> <span>※ 위 담당 업무는 실제 수행 범위와 일치하는지 확인한 후 사용해 주세요.</span> ### <span>프로젝트 소개</span> <span>인체 건강 진단 및 솔루션 전문기업 ㈜덴오믹스의 기업정보와 사업영역, 제품정보 및 구강건강 관련 학술 콘텐츠를 통합 제공하기 위해 구축한 학술정보 웹사이트입니다.</span> <span>메인 화면은 회사소개, 사업안내, 사업영역, 오시는 길, 학술자료, 제품소개, 공지사항, 질문과 답변 등 주요 콘텐츠를 한 화면에서 탐색할 수 있는 풀스크린 그리드 인터페이스로 구성했습니다. 어두운 배경과 청록색 포인트 컬러를 적용해 전문적인 바이오·헬스케어 기업 이미지를 표현하고, GSAP 기반 화면 전환 및 인터랙션을 통해 콘텐츠 접근성과 시각적 몰입도를 높였습니다.</span> <span>학술정보 영역에는 치주염, 치은염, 구강 미생물 및 프로바이오틱스와 관련된 해외 연구자료를 등록·관리할 수 있는 학술 번역자료 게시판을 구축했습니다. 제품소개, 동영상, 보도자료, 갤러리, 공지사항 및 Q&A 게시판도 CMS와 연동하여 관리자가 콘텐츠를 지속해서 업데이트할 수 있도록 구성했습니다.</span> ### <span>주요 구축 내용</span> * <span>기업소개·연혁·사업안내·사업영역 콘텐츠 구성</span> * <span>구강건강 관련 학술 및 번역자료 아카이브 구축</span> * <span>프로덴티스·OBD 제품정보 게시판 구성</span> * <span>동영상·보도자료·갤러리 콘텐츠 관리 기능 적용</span> * <span>공지사항 및 고객 Q&A 게시판 구축</span> * <span>그누보드 관리자 시스템과 콘텐츠 등록 기능 연동</span> * <span>풀스크린 그리드형 메인 UI 및 인터랙티브 메뉴 구현</span> * <span>외부 덴오믹스 웹플랫폼 및 쇼핑몰 연결</span> * <span>모바일 화면을 고려한 Viewport 및 레이아웃 구성</span> ### <span>사용 기술 및 라이브러리</span> * <span>Front-end: HTML5, CSS3, JavaScript, jQuery</span> * <span>Animation: GSAP, TweenMax, EasePack, jQuery Easing</span> * <span>UI Resources: Font Awesome, Simple Line Icons, XEIcon</span> * <span>Back-end/CMS: PHP, 그누보드5, 영카트</span> * <span>Publishing: 웹 표준 마크업, 크로스 브라우징, 반응형 Viewport</span> * <span>Database: MySQL 또는 MariaDB 사용 여부 확인 필요</span> * <span>Design Tools: Adobe Photoshop, Illustrator 사용 여부 확인 필요</span> * <span>Development Tools: VS Code·EditPlus·Chrome DevTools 등 실제 사용 도구 확인 필요</span> ### <span>포트폴리오용 요약 문구</span> <span>PHP 기반 그누보드5·영카트 CMS를 활용하여 덴오믹스의 기업정보, 제품정보 및 구강건강 관련 학술자료를 통합 제공하는 학술정보 웹사이트를 구축했습니다. GSAP와 jQuery 기반 인터랙티브 UI를 적용하고, 관리자가 학술자료·보도자료·제품·공지사항 및 Q&A 콘텐츠를 효율적으로 운영할 수 있도록 게시판 관리 환경을 구성했습니다.</span>