웹솔루션개발 25년 노하우! 해피CGI의 모든것

안녕하세요 해피CGI 입니다. 해피CGI 에서 최초로 출시하는 "임대형" 인터넷 뉴스 솔루션을 새롭게 소개해드립니다.

다양한 백그라우드 패턴을 사용할 수 있게 해주는 사이트 hero patterns 웹 프로젝트에서 사용할 수 잇는 반복 가능한 SVG 배경패턴 모음 사이트 기본 색상, 배경 색상, 투명도 등을 설정하고 SVG 형태의 소스 코드로 받아서 백그라운드로 활용이 가능합니다. 다양한 패턴을 손쉽게 만들고 적용할 수 있어서 참 유용하네요.

첨부파일의 압축을 풀고 docs/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 모바일 기기 같이 화면은 작은데, 많은 정보를 입력받아야 하는 페이지에서 하나씩 입력하고, 아래로 내려가는 슬라이드와 같은 형식으로 웹페이지에서 어떤 입력양식에 대한 값을 받아야할 때 좋을것 같네요. OK를 눌러보면 준비해 둔 입력폼에 입력값을 입력한뒤에 OK를 누를때 마다 한단계씩 아래로 떨어지면서 다음 입력양식을 보여주고, 필요한 정보들을 입력하도록 해주는 UI입니다. 각 단계에 대한 입력양식을 채울때 마다, 하단의 프로그래스 바에 현재 진행상황을 표시해주고, 우측의 위, 아래 버튼을 이용해서 이전 입력폼 화면으로 이동하는게 가능합니다. 스마트폰을 이용해서, 여러가지 질문(설문)을 받기 위한 UI가 필..

ul li를 사용하여 메뉴를 만들시 display속성을 table을 이용하지 않고는 li의 높이값을 모두 균일하게 만들기가 애매한 상황이 있습니다. 위 소스를 이용시 제일 긴 li값을 가져와 나머지 모든 li에 적용시킬수 있는 소스입니다. 간단히 소스내에 스크립트에 지정되어 있는 클래스값을 적용하고 싶은 ul에 추가적으로 적용시키면 하위에 속한 li에 값이 적용이 됩니다. ex) 자세한 소스는 첨부된 파일내에서 확인할 수 있습니다.

css를 이용하여 텍스트를 드래그 했을경우 텍스트 및 배경색상을 변경할 수 있는 소스입니다. ::selection을 이용하시면 되며 .aa::selection 과 같은형태로 이용하시면 됩니다. 완성된 예제는 첨부파일을 다운받아서 이용하시면 되며 사용가능한 브라우저는 아래와 같습니다. https://caniuse.com/#search=selection

모양이나 스타일을 쉽게 변경할 수 있는 달력입니다. 월, 주, 일 단위로 일정을 볼 수 있습니다. 일정은 마지막 부분에 마우스를 가져다 대면 해당 일정의 기간을 마음대로 조정할 수 있습니다. 드래그 하면 위치도 이동이 가능하고 각 구간별 색상 지정이 가능합니다. 주, 월 단위로도 출력이 가능합니다. 주단위에서 변경한 내용은 월단위에서도 변경된 상태로 출력됩니다. 주단위나 월단위에서도 각 일정은 드래그로 위치(날짜)변경이 가능합니다. 지정된 항목을 드래그 하여 일정 등록을 할 수 있습니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 헤드헌팅 솔루션 모바일 Ver1.5 (장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 솔루션 타입A 모바일 Ver1.5 (장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 헤드헌팅 솔루션 Ver5.5 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 솔루션 타입A Ver5.5 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.