하룹코어 에듀센터

다양한 애니메이션 효과를 클릭 한번으로 적용시키십시오

포토샵 없이, jQuery나 자바스크립트 코딩없이 하룹코어만으로 배경디자인을 하는 방법

하룹코어로 병원 랜딩페이지제작 천만원 이상 절약하는방법

코딩없이 웹에서 바로 텍스트 변경 및 폰트까지 변경하는법

피시,태블릿,모바일 기기별로 반응형 최적화 맞춤별 디자인

하룹코어를 이용하시면, 피시,태블릿,모바일 기기별로 반응형 최적화 맞춤별 디자인을 하실 수 있습니다. 피시쪽 개발하고, 태블릿쪽 개발하고, 모바일쪽 개발하고, 각각 크기조절하고, 배치조절하고, 또 기기 크기별로 또 조절하고, 추가 작업을 하려고 해도 반응형으로 다 맞추려다보면 개발자들도 어지간히 시간이 걸리는것이 아닙니다. 하지만 하룹코어에 연결시키면, 이것도 매우 간단하게 클릭 몇번으로 처리하실 수 있습니다. 우선 기본적으로 각종 기기별 패딩과 마진은 물론, 기기별 글씨크기도 직접 다 매우 쉽게 조절하실 수 있습니다.

하룹코어를 공동으로 개발하는 개발팀들과 개발자들 그리고 외부 프로그래밍 업체들이 너무 다양하기에 모든 기능을 설명드릴수가 없지만, 직접 해보시면, 언제나 설명보다도 더욱 우수한 퀄리티와 기능에 놀라시곤 합니다.

글씨를 수정하실때, 모바일모드에서는 줄바꿈이 되어 안이쁠때, 하룹코어에 연결하시고, 모바일모드에서 폰트크기만 수정후 확인을 누르시면, 나머지 코딩은 하룹코어가 알아서 전부 처리합니다. 아래는 미디어쿼리 예시입니다. 하룹코어에서 그저 설정하고 확인만 누르시면, 홈페이지에 주요 CSS쿼리들에 변경되어야 하는 모든 부분들을 찾아내어 전부 변경처리 합니다.

@charset "utf-8";
#wrap {
    width: 90%;
    margin: 0 auto;
    border: 5px solid #000;
}
#wrap div {
    display: inline-block;
    height: 100px;
}
#wrap div:first-child {
    background: #33d013;
}
#wrap div:nth-child(2) {
    background: #12a0g9;
}
#wrap div:nth-child(3) {
    background: #10e2a1;
}
#wrap div:nth-child(4) {
    background: #dd443d;
}
#wrap div:last-child {
    background: #121255;
}
@media all and (min-width:320px) {
    #wrap div {
        width: 100%;
    }
}
@media all and (min-width:600px) {
    #wrap div {
        width: 50%;
    }
    #wrap div:last-child {
        width: 100%;
    }
}
@media all and (min-width:1024px) {
    #wrap div {
        width: 20%;
    }
    #wrap div:last-child {
        width: 20%;
    }
}

이상 각 기기별, 브라우져 크기별, 매우 간단하게 모든 반응형 최적화를 몇초만 하실 수 있는 방법을 알아보았습니다.

하룹코어를 통해, 개발팀을 구축하는 병원이나, 웹에이전시에 엄청난 수정비용과 유지보수 비용을 지불하는 병원들이 실제로 매우 줄어들고 있습니다. 하룹코어를 통해 원장님 마음껏, 원하시는대로 홈페이지 및 랜딩페이지를 관리해보십시오.