Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (28 sloc) 1.23 KB

Introduce

커뮤니티형 사이트 입니다.

URL

Tech

이 사이트는 반응형 웹 디자인 기술이 적용되었습니다. 이하 사용된 기술 목록입니다.

  • HTML
  • CSS (included CSS3 & SASS)
  • Javascript (included Jquery)
  • Foundation Front-end Framework 6

Screenshot

스크린샷

주요 내용

https://danhk0612.github.io/Community-Sample-1/html/

  • 메인 페이지
  • 가로 폭에 따라 최근 글 위젯, 이미지 위젯 수 변경
  • 첫 페이지 진입시 가로 폭에 따라 왼쪽 사이드바 접히거나 펼쳐짐
  • 가로 639px 이하일 경우 모바일에 맞게 화면 배치 변경
  • 캐러셀 배너

https://danhk0612.github.io/Community-Sample-1/html/sub.html

  • 게시판 페이지
  • 가로 폭에 따라 우측 배너 박스 노출 유무
  • 가로 폭에 따라 게시판 목록 항목 일부 숨김/표시
  • 글 목록 및 내용 등을 XML파일(/xml/post.xml)에 저장해서 사용
  • 글 제목 클릭 시 레이어를 이용해서 페이지 이동 없이 표시

기타 공통

  • SCSS를 활용해서 중복된 작업 최소화 및 유지보수 용이
You can’t perform that action at this time.