HIWEB CODING CONVENTION

마크업, 코딩컨벤션

코딩컨벤션 HTML, CSS, JS

대인덱스 목록
등록일자 프로젝트 형태 마크업 키워드
2018-09 LX한국국토정보공사 PC 박선영,박리원
2018-09 삼성스타앱 PC/MOBILE 윤혜영,전예림
2018-08 산업통상자원부 PC 김백화,라수지
2018-07 명미 | 예림 | 수지 | 혜영 PC 개인과제
2018-03 Trenshow PC | mobile 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-10 삼성서울병원 PC 최주원, 박진희
2015-10 삼성서울병원 SRS PC 최주원, 박진희
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 레이어수십개

일명 코딩 링크가이드로 HIWEB 표준템플릿 배포준비중(모바일에서 사용이 불편하여 반응형웹으로 구현)

템플릿 보기

웹퍼블리싱 가이드 새창보기 웹퍼블리싱 가이드 압축파일 다운로드

표준가이드 제작중

코딩컨벤션 개요

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

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

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

대인덱스 프로젝트 추가는 다음과 같이,

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