Introduce

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

URL

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

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를 활용해서 중복된 작업 최소화 및 유지보수 용이