휴그린 창.작품 상담소
창.작품 상담소 프로젝트로 기존 퍼블리싱과 함께 맞춤상담, 간편견적의 항목을 선택하면 해당 점수값을 저장하여 값을 넘겨
총 100점 기준 30 >= 70 <= 100 값으로 조건부를 진행하는 부분이 백엔드를 구현하는 느낌이 들어 즐거웠던 프로젝트였습니다.
페이지는 적응형으로 접속 디바이스 기기 기준으로 분기하였고, 크기 값은 vw로 가져가 비율에 맞게 적용되는 웹 페이지를 구성하였습니다.

#기여도 100% #HTML5 #SCSS #JQuery #swiper.js #ChapGPT

TV조선 웹사이트 리뉴얼 프로젝트입니다.
외부업체로부터 피그마 시안을 전달 받아 진행하였습니다. 총 250개 분량의 페이지를 코딩하며,
동영상 플레이어 구현, 유튜브 api 호출 및 숏폼, 반응형 구현 등 해야할 업무가 너무 많아서 야근 및 주말근무하며 작업을 진행했었습니다.
이 과정에서 ChatGPT를 활용하여 스크립트 구현 및 코드 구현을 AI와 함께 처음 진행해보았고 평소 생각했던 것 보다 생산적이고 효율성이 높아 놀랐던 기억이 있습니다.
방송 분야의 웹페이지라 광고가 중요시되어 동영상 실행 중 광고, JSON API 호출 등 퍼블리셔로 할 수 있는 모든 것을 경험해 본 프로젝트였습니다...

#기여도 100% #HTML5 #SCSS #JQuery #swiper.js #ChapGPT

성남시청 웹페이지 리뉴얼 프로젝트에 참여하여 웹퍼블리싱 업무를 담당하였습니다.
페이지 로드 속도를 중요시 하여 불필요한 레거시코드를 걷어내고 시청사이트 특성 상 뎁스가 깊어 사용자가 원하는 정보를 편하게 접근할 수 있도록 UI/UX를 구성하였습니다. 기존 고해상도의 이미지를 많이 채택하여 랜더링 속도에 영향을 주어 디자이너와 협의 후 이미지 최적화 작업을 진행하였습니다.
추가로 Digital-OnePass 로그인 연동, 대관시설 신청 등 여러 기능개선을 참여하여 사이트의 전반적인 관리도 함께 담당하였습니다.

#기여도 100% #HTML5 #CSS #JQuery #swiper.js #C3.js

여주시립도서관 구축 프로젝트로 도서관 메인페이지, 도서검색기능, 도서관 정보, 마이페이지 등 도서관의 기본적인 기능을 담당하여 프로젝트를 진행하였습니다.
메인페이지는 FullPage.js 라이브러리를 사용하여 스크롤링 액션에 중점을 두었고 전체적으로 반복되는 코드를 줄이고 추후 유지보수에 용이하고자 공통클래스 지정 및 반복되는 클래스를 최소화하였고 중간중간 이전 구축프로젝트에서 아쉬웠던 점들을 보완하고자 팀원들과 협의하며 진행하였습니다. 팝업영역의 SlideSpeed를 사용자에게 알려주고자 롤링카운트 추가, 공연 예약 시 좌석 UI 표현 등 이전보다 나은 프로젝트를 만들고자 노력하였습니다.

#기여도 100% #HTML5 #CSS #JQuery #swiper.js #FullPage.js #웹접근성 마크 취득

성남시립도서관 부분개편 사업으로 기존 노후화된 레이아웃을 보완하고자 프로젝트를 담당하였습니다.
성남시 도서관의 수가 많아 분관 웹페이지가 다수 존재했고 해당 사이트마다 각각 index.html의 head에서 스타일시트 및 js를 include하여 공통된 15~20개의 파일이 존재했으며 중복 코드를 개선하고자 해당 스타일시트들을 종합하여 하나의 css로 통합하였고 도서관별로 클래스를 지정하여 공통의 include되도록 구성하였습니다.

#기여도 100% #HTML5 #CSS #JQuery #javascript #swiper.js #웹접근성 마크 취득

성남시청 별도플랫폼 작업으로 시청에서 강조하고자 하는 주제를 사용자에게 제공하고자 하여 프로젝트를 진행하였습니다. 타이틀 및 소주제가 많이 변경되지 않는다고 하여 CMS없이 하드코딩으로 진행되었고 단순하게 절대경로를 링크로 이어주기만 하면 되는 작업이라 큰 공수는 없었습니다.
작업하며 간단한 Bounce Effect 및 fade-in-out의 애니메이션을 추가하여 동적인 요소도 소소하게 챙겼습니다.

#기여도 100% #HTML5 #CSS #JQuery

대현인사이드 전면개편 및 허브플랫폼 구축 사업으로 각 브랜딩페이지 메인과 상세페이지 작업을 담당하였습니다.
6개 브랜드의 메인 작업과 상세페이지 쿠폰 다운로드, 추가 프로그램기능, 리뷰페이지 레이아웃을 구성하였고
사용자가 원하는 카테고리 및 정보에 정확하게 닿을 수 있도록 UI를 직관적으로 구성하였습니다.

#기여도 50% #HTML5 #CSS #JQuery #sticky.js #niceScroller.js

IDF몰 Gnb개편 프로젝트를 담당하였습니다.
기존 카테고리 분류를 재정비하고 디자인 변경 및 검색기능 개선, 브랜드페이지 추가작업을 진행하였습니다.

#기여도 100% #HTML5 #CSS #JQuery