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

awwwards는 전세계의 웹디자이너와 개발자, 에이전시의 작품을 평가하고 공유하는 사이트입니다. 자유로운 투표와 비평이 이루어지고 다양한 작품들을 보실 수 있습니다.

html과 css 만으로 작동되는 카운터 시계 소스입니다. 해당 사이트에서 또는 소스다운로드를 하시면 해당 소스를 다운로드 받으실 수 있습니다.

눈누는 상업적 이용 가능한 한글 폰트 페이지 입니다. 잘 만들어졌지만 알려지지 않은 다양한 한글 서체들을 알리기 위해 만들어진 사이트 입니다. 상업적 용도, 서체의 종류로 원하는 무료 한글폰트를 찾을 수 있습니다. 폰트를 하나 선택하여 들어가시면 더 자세한 사용범위를 알 수 있고 웹폰트로 사용할 수 있는 소스를 확인하실 수 있습니다. 눈누 사이트에 없는 상업적으로 이용가능한 무료 폰트를 아실 경우 폰트를 제보 할 수도 있습니다. [제보하러가기]

디자인이 이쁘게 새롭게 바뀌면서 5.x 버전대로 업데이트 되었습니다. 모든곳에서 무료이므로 회사등에서 무료로 사용이 가능합니다. 추천하는 국산 캡쳐 프로그램 입니다.

- 파일설명 : FileZilla V3.35.2 (2018.08.06일자) - 언어 : 한글/영어 - 크기 : 8.39MB - 설치환경 : Windows Vista, 7, 8, 8.1, 10 (64bit) - 주요기능 * 파일의 업로드, 다운로드가 가능합니다. * 파일 이어받지, SOCK4, SOCK5, HTTP 1.1 프록시 등을 지원합니다. * FTP 와의 접속이 끊어지지 않도록 연결을 유지해 줍니다. * 편리한 인터페이스를 제공합니다. - 다운로드 링크(최신버전) https://filezilla-project.org/download.php?type=client - 사용방법 FileZilla를 PC에 설치하고 실행하면 위와 같이 화면이 보여집니다. 좌측 붉은색 부분에 내 PC에 디렉토리와 파일들이 보..

크롬 및 파이어폭스등 최신버전이라 신경을 써도되지 않는데. ie같은 경우에는 크로스 브라우징에 문제가 많은 경우가 많습니다. 작업시 내가 써도 되는 태그인지 확인할 수 있는 사이트입니다. 위이미지와같이 입력창에 사용할 태그를 입력후 사용가능 브라우저를 아래의 차트를 통해서 확인하실 수 있습니다. 우측상단에 compare browser버튼을 눌러 브라우저를 선택할수 있습니다 사이트 제작에 많은 도움이 되시길 바랍니다.

카카오에서 제공하는 번역 API 입니다. 한국어 -> 타국어로 변환 및 타국어 -> 한국어로 변환이 지원되고 있으며, 타국어 -> 타국어로 변환은 제공되지 않습니다. (일본어->영문은 제공되지 않음) 번역 API를 이용하기 위해서는 App key 를 받아야 되며, https://developers.kakao.com/apps 페이지에 접속해서 앱만들기 버튼을 통해 키를 생성 하여 받을수가 있습니다. 앱을 생성한뒤에 생성된 앱의 상세정보 페이지에 접근을 하여 앱키표시 버튼을 클릭하여 생성된 키를 확인이 가능 하며, 앱 정보 옆에 있는 설정 버튼을 클릭하여 플랫폼 추가를 할 수 있습니다. 이후 생성된 REST API Key 를 복사해두셨다가 소스 개발을 하실때 이용하시면 됩니다. 번역 API의 이용법은 아래 ..

도로명주소 개발자센터 (http://juso.go.kr) 에서 제공하는 다양한 API 소개 입니다. 해당 사이트에서는 도로명주소 API, 영문주소 API, 좌표제공 API, 모바일용 API 를 제공하고 있으며, 도로명주소 DB 파일도 다운로드가 가능 합니다. 해당 사이트에서 API와 관련된 자세한 내용이 제공되고 있으므로, 도로명주소를 홈페이지에 장착이 필요하신분들은 살펴보시면 도움이 되실듯 싶습니다. 그리고 정식 API 연동이 아니라 팝업창 연결을 하는 API도 제공이 되고 있으므로, 개발작업을 많이 하지 않고 홈페이지에 연동하는 형태로도 이용이 가능 하겠습니다.

재미있게 css를 접할 수 있는 사이트입니다. 각 사이트 마다 Grid속성 Flex속성 Selector를 체크할 수 있습니다. GRID http://cssgridgarden.com/#ko 좌측의 셀렉터에 속성값을 입력하여 잡초를 제거하면서 공부를 할 수 있습니다. Flexbox frogy http://flexboxfroggy.com/#ko 좌측의 셀렉터에 속성값을 입력하여 개구리를 이동시키면서 공부를 할 수 있습니다. Selector https://flukeout.github.io 움직이는 음식을 체크하여 좌측의 css에디터에 오른쪽의 html또는 상단의 이미지를 확인하여 css 셀렉터를 입력해주면 됩니다. 재미있게 css를 접해보세요^^

마이크로소프트에서 나온 무료 개발툴인 Visual Studio Code 입니다. 무료라고 하기엔 기능이 너무 방대하므로, 사용해보시길 추천 드립니다. 기본적으로 여러 테마가 있고, 여러 테마중 골라 자신이 원하는 소스 편집 색으로 사용할수 있습니다. php 라고만 쳐도 위와 같이 여러 함수가 나타나며 Tab 키를 누르면 바로 완성 됩니다. 괄호만 쳐도 괄호 두개가 생기고 커서는 괄호 안쪽에 위치하므로, 프로그램 개발에 편의성은 최강입니다. 그외에도 여러 플러그인을 지원합니다. 그래서 바로 FTP 에 접속하여 소스 수정도 가능합니다. 개발툴중 Visual Studio Code 도 한번 사용해 보시길 추천드립니다.