# 기여도

📝 퍼블리싱 100%
🛠 스크립트 구현 100%
🛠 백엔드 개발 50%

# 작업 환경 및 기술스택

VCS
⭐️ Svn

IDE
⭐️ IntelliJ 2022
⭐️ VSCode

BACK
⭐️ Spring Framework 4.3
⭐️ Oracle 12c

FRONT
⭐️ Bootstrap 4
⭐️ Slick 1.5.1
⭐️ Java script(es5)
⭐️ JQuery 3.x

# 작업 내용

🗓 작업기간 2022. 11 ~ 2023.02

📌 웹/모바일 반응형 작업

📌 웹 접근성 인증 마크 획득

📌 유튜브 api 연동

동영상 상태에 따라 어떠한 이벤트를 주기 위해 유튜브 API 를 사용하였다.
유튜브는 slick 슬라이드 안에 위치해 있는데, 유튜브 API 는 iframe 을 사용해 해당 동영상을 불러오는 구조라 슬라이드 터치 이벤트가 작동하지 않았다.
해당 부분을 postMessage 를 이용해서 trigger 처리를 할 수도 있었지만, 빠르게 개발해야하는 상황인지라 css after 를 활용하여 해당 부분을 수정하였다.

📌 Top/Left 메뉴 동적 랜더링 구현

📌 팝업 추가 관리 기능 구현

📌 디자인 가이드 작성

120페이지가 넘는 페이지를 빠르고 간편하게 구현할 수 있도록 디자인 가이드 시스템을 도입하였다. 디자이너 분에게 컴포넌트 별로 디자인을 부탁드렸고, 그 결과 빠른 시간 내 모든 화면을 퍼블리싱 할 수 있었다.

웹 버전

모바일 버전