HIWEB CODING CONVENTION

마크업, 코딩컨벤션

코딩컨벤션 HTML, CSS, JS

대인덱스 목록
등록일자 프로젝트 형태 마크업 키워드
2023-09 충북교육청 고등학교입학전형포털 RESPONSIVE HIWEB
2023-08 인천교육청 고등학교입학전형포털 RESPONSIVE HIWEB
2023-07 전북교육청 고등학교입학전형포털 RESPONSIVE HIWEB
2023-05 HMC 현대자동차 CC RESPONSIVE HIWEB
2023-01 한경 arte RESPONSIVE HIWEB
2022-07 디사이드컴즈 RESPONSIVE HIWEB
2022-04 셀럽 LINK RESPONSIVE HIWEB
2022-02 현대리조트 오크밸리 RESPONSIVE HIWEB
2022-01 현대리조트 오크밸리 골프 RESPONSIVE HIWEB
2022-06 현대리조트 파크로쉬 RESPONSIVE HIWEB
2022-01 HI HAT RESPONSIVE HIWEB
2021-12 한국산업인력공단 (PC/Mobile/Admin) RESPONSIVE HIWEB
2021-12 나라사랑배움터 RESPONSIVE HIWEB 길가애, 정나원
2021-12 서울시 정보화사업관리시스템 PC HIWEB 김민경
2021-09 현대자동차그룹 RESPONSIVE HIWEB
2021-06 서울랜드 수제맥주 서비스(HOPPY) Mobile HIWEB
2021-05 GC ONE 통합회원서비스 RESPONSIVE HIWEB
2021-01 대성에너지 세너지 빌링시스템 PC HIWEB 사이즈 고정(1920x938), 크롬 기준, DataTables 사용
2020-11 한국의학연구소 MOBILE HIWEB 타업체 크로스브라우징 수정
2020-10 국가암검진사업정보시스템 PC HIWEB
2021-01 셀럽 PAY 결제서비스 플랫폼구축(Shop) RESPONSIVE HIWEB
2020-10 셀럽 PAY 결제서비스 플랫폼구축(Front) RESPONSIVE HIWEB
2020-10 셀럽 PAY 결제서비스 플랫폼구축(Admin Mobile) MOBILE HIWEB
2020-10 셀럽 PAY 결제서비스 플랫폼구축(Admin PC) PC HIWEB
2020-09 Dia Trade Market Platform PC HIWEB
2020-09 ExData PC/MOBILE HIWEB
2020-07 Yunglimwon PC/MOBILE HIWEB
2020-06 Law Master PC HIWEB
2020-06 Yunglimwon Admin PC HIWEB
2020-04 Very Moment MOBILE HIWEB
2020-03 Hana Admin PC HIWEB
2020-01 Marie PC/MOBILE HIWEB
2020-01 KOPS PC HIWEB
2019-11 Dia Trade Market Platform MOBILE HIWEB
2019-11 마이크로러닝 RESPONSIVE HIWEB
2019-09 한반도통일미래센터 RESPONSIVE HIWEB
2019-08 설화수 템플릿 PC/MOBILE HIWEB
2019-08 612 Language Institude 관리자 PC/MOBILE HIWEB
2019-06 Socialerus PC/MOBILE HIWEB
2019-05

기가지니 연계서비스

TV _
2019-05

mysport

MOBILE HIWEB
2019-04

블록크래프터스 국문 / 영문

RESPONSIVE 정지은, 최주원 다국어
2019-02 더존웹빌더 PC/MOBILE HIWEB
2018-12 요일오일사 MOBILE HIWEB
2018-12 OKS 개성공업지구 PC HIWEB
2018-09 LX한국국토정보공사 PC 박선영,박리원
2018-09 삼성스타앱 PC/MOBILE 윤혜영,전예림
2018-08 산업통상자원부 PC 김백화,라수지
2018-03 Trenshow PC | mobile PC/MOBILE 전호근, 박리원, 정미경
2017-12 참좋은 캐스팅 PC/MOBILE 정미경
2017-11 빙그레 국문 | 영문 RESPONSIVE 이소원, 박서연, 전호근
2017-02 SK 브로드밴드 Ocean PC 이나래
2017-02 키즈엠-누리온 PC/MOBILE 홍은정
2017-01 포미즈여성병원 PC 정슬기
2017-01 장애인 아카데미 PC 조세현, 정슬기
2016-12 에이블허브 PC 정슬기, 조세현
2016-11 설화수 리뉴얼 반응형 RESPONSIVE 정수아 홍은정, 강영준/곽형규(스크립트)
2016-10 설화수 목업 최종 PC 정수아 페럴렉스(아모레퍼시픽 상무님 시연용)
2016-10 설화수 목업 PC 김일규 페럴렉스(아모레퍼시픽 팀장님 시연용)
2016-10 한국경제신문 한경닷컴 PC 박초롱
2016-09 삼성물산 건설 PC 김진영, 박서연
2016-08 지식펜 PC 김진영
2016-08 지식펜 관리자 PC 김진영
2016-08 CJ 헬로모바일 MGM PC 김송이
2016-04 SAMSUNG CAST RESPONSIVE 김일규
2016-04 CJ 헬로모바일 PC 박진희
2016-03 송강전통시장 PC 김준석
2016-03 송강전통시장 관리자 PC 김준석
2016-02 SM엔터테인먼트- Fanbook PC
2016-02 창세기전4 PC 이효훈
2015-10 COSMAX PC 김일규
2015-10 퍼플프랜즈 PC 강병욱 html5/css3 그래프, 차트
2015-10 화이투벤 PC PC 이호성 LayerSlider5(플러그인)
2015-10 화이투벤 mobile MOBILE 이호성 전체 swipe(플리킹)
2015-10 유용한소스공유(추가샘플) JS 김용배 플러그인
2015-10 네오게임즈 RESPONSIVE 강병욱 배경영상
2015-10 새정치민주연합 RESPONSIVE 홍은정, 김송이 홍은정, 김승태, 김송이
2015-10 나이키닷컴 PC/MOBILE 김영주
2015-10 코오롱그룹 PC PC 김용배, 이소원
2015-10 코오롱그룹 mobile MOBILE 김용배, 임하나
2015-10 국립중앙도서관 PC 김용배, 전호근
2015-10 국립현대미술관 PC 박초롱
2015-10 KT텔레캅 MOBILE 김진영, 최윤희
2015-09 삼성닷컴 PC 김용배 슬로우모션 시연용
2015-10 CJ 중국몰 MOBILE 여선희, 임하나
2015-09 동국제강그룹 RESPONSIVE
2015-09 올림푸스 fn PC
2014-06 엠리밋 RESPONSIVE 김용배 반응형 페럴렉스
2014-06 한국산업기술연구원 PC 정수아
2014-06 한국관광공사 PC 정지은
2014-02 엠티처 PC HIWEB
2013-11 SM엔터테인먼트- 뮤직타운 RESPONSIVE 정지은
2013-09 KT 미디어허브 RESPONSIVE HIWEB 디렉토리내 목록있음
2013-09 KT 미디어허브 모바일 MOBILE HIWEB
2013-08 유니온스틸 RESPONSIVE HIWEB 메인페이지 반응형웹 메뉴등 참고
2013-08 월드비전 스타블로그 PC HIWEB
2013-07 SK 엔크린 PC HIWEB
2013-07 국립전파연구소 PC HIWEB 디렉토리내 목록있음
2013-07 국회지식관리시스템 PC HIWEB
2013-07 목동아이스링크 PC 여선희
2013-07 농심블로그 1 3 4 5 6 7 8 9 PC HIWEB
2013-07 국립중앙박물관 PC 정수아
2013-06 아스피린센터 RESPONSIVE HIWEB
2013-06 좋은책신사고 PC HIWEB
2012-11 우공비맘 PC HIWEB
2012-10 npathway PC HIWEB
2012-03 인천국제공항 사이버터미널 PC HIWEB
2012-03 한미사진미술관 PC 박진희
2011-08 기상청내부관측시스템 PC HIWEB 레이어수십개
2011-01 하이웹솔루션 홈페이지 PC 김일규 제작중단
2008-02 하이웹솔루션 웹접근성 컨설팅 PC 김일규 2008년도 웹접근성, 플래시/동영상 역사스터디
2002~ 제니하우스 PC 김일규 제로보드=>그누보드

예전에 진행했던 코딩, 마크업들은 현재의 프로젝트와 기본 골격, 스크립트, 성능, 접근성과 긴밀한 관계가 있습니다. 이전 콘텐츠의 손실이 없도록 프로젝트 멤버 간 코드 공유를 위해 코딩컨벤션을 준비합니다. 빠른 접속을 위해 http://www.hiweb.kr/html/ 로 접속이 가능합니다.

현재의 코딩컨벤션은 우선 아래와 같은 3가지 범주로 사용

  • 『웹퍼블리싱 표준가이드』 -일명 코딩 링크가이드로 HIWEB 표준템플릿 배포(모바일등에서는 사용이 불편하여 반응형웹으로 구현)
  • 그동안 진행한 프로젝트의 HTML, CSS, JS 를 프로젝트 목록에 추가하여 공유
  • 추 후 모아진 자료를 바탕으로 코딩컨벤션 다양성 확장

프로젝트 목록 추가는 다음과 같이,

  1. 홈페이지 서버에 접속
  2. 코딩컨벤션 디렉토리 구조는 다음과 같음.
    • /convention/
      • /html/ -프로젝트 공유폴더
        • /project1/
        • /project2/
        • .....
      • /source/ -유용한소스 공유폴더
        • /folder1/
        • .....
  3. 해당 디렉토리에 업로드 - /디렉토리명/ 으로 접근 가능하도록 index 가 있어야 하며, 폴더명은 겹치지 않는 유니크한 이름으로 생성
  4. 프로젝트 목록에 추가
  5. 가장 최신 또는 최종버전은 개별관리

샘플보기 압축파일 다운로드(V2018)