'보기 좋은 떡이 먹기도 좋은' 웹 콘텐츠 포트폴리오

보유기술 & 자격증

프로젝트

현대관광

주요 기능

• HTML, CSS, jQuery 단독구현
• Fontello 구현
• SVG 아이콘 이미지 제작
• 767px 이하 모바일 페이지 구현

홈페이지 링크

• [ 기존 홈페이지 ]
• [ MAIN ]
• [ LOGIN ]

출처

• [ iconmonstr ]
• [ Wikipedia ]
• [ Google ]

메트로 9호선

주요 기능

• HTML, CSS, jQuery 단독구현
• jQuery 외부 플러그인(swiper) 활용
• Bootstrap 구현
• 다양한 해상도에서의 반응형 페이지 구현
• 찾아오시는 길 페이지에 카카오맵 API 삽입

홈페이지 링크

• [ 기존 홈페이지 ]
• [ MAIN ]
• [ MAIN(Bootstrap) ]
• [ LOGIN ]
• [ REGISTER ]
• [ ACCESS ]

출처

• [ iconmonstr ]
• [ Wikipedia ]
• [ KMUG 케이머그 ]
• [ Google ]

삼성라이온즈

주요 기능

• HTML, CSS, jQuery 단독구현
• jQuery 외부 플러그인(swiper, AOS, slick) 활용
• 다양한 해상도에서의 반응형 페이지 구현
• Mark-up에서 구단, 구장 이름만 바꾸면
  로고 및 날씨가 갱신되도록 하였음
• 날씨 API (openweathermap) 삽입
• Ajax를 이용하여 서브 페이지 불러오기
• 로그인 보안(Google reCAPTCHA v2)
• 회원가입 페이지에 카카오 주소 API 삽입
• 찾아오시는 길 페이지에 카카오맵 API 삽입
• 1군 엔트리 페이지에 React.js 구현

홈페이지 링크

• [ 기존 홈페이지 ]
• [ MAIN ]
• [ LOGIN ]
• [ JOIN ]
• [ ACCESS ]
• (Ajax 구현을 했기 때문에
  서브 페이지들은
  Header, Footer가 없습니다.)
• [ 1군 엔트리 ]

출처

• [ iconmonstr ]
• [ icons8 ]
• [ amcharts ]
• [ Wikipedia ]
• [ Google ]
• [ 대한민국 10개 프로야구단 ]

신한은행

주요 기능

• HTML, CSS, jQuery 단독구현
• jQuery 외부 플러그인(fullPage.js - 2.9.7) 활용
• 다양한 해상도에서의 반응형 페이지 구현
• DOM 변화 감지 함수 사용(MutationObserver)

홈페이지 링크

• [ 기존 홈페이지 ]
• [ MAIN ]
• [ LOGIN ]
• [ JOIN ]

출처

• [ iconmonstr ]
• [ Wikipedia ]
• [ 삼성증권 ]
• [ 신한은행 ]
• [ UX공작소 ]

롯데칠성음료 (워드프레스)

주요 기능

• 워드프레스 5.4.2 단독 작업
• Astra 테마 활용
• Elementor 페이지 빌더 활용
• 다양한 해상도에서의 반응형 페이지 구현
• Smart Slider 3 플러그인을 활용하여 슬라이드 배너 구현
• Contact Form 7 플러그인, WP Mail SMTP 플러그인을 활용하여 문의하기 양식 및 구글 지도 구현
• KBoard 플러그인을 활용하여 게시판 구현

홈페이지 링크

• [ 기존 홈페이지 ]
• [ MAIN ]
• [ 주소 및 문의 ]
• [ 뉴스/언론보도 ]

출처

• [ 로고로고 ]
• [ Wikipedia ]
• [ 삼성증권 ]
• [ 롯데칠성음료 ]
• [ 돈버는기술 ]

연락처

이메일indlee@naver.com