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

기업 및 단체 또는 개인을 포함한 모든 사용자에게 무료로 제공되는 캡쳐 프로그램 입니다. 그래서 더더욱 추천하는 국산 캡쳐 프로그램 입니다. 강력한 화면 캡처, 이미지 고급 편집, 화면 색상 추출 및 나만의 색상 관리, 이미지 크기 및 각도 계산, 화면 그리기 도구 등이 있으며, 이번엔 화면 녹화기능까지 업데이트 된 최고의 화면 캡쳐 프로그램이며 국산 소프트웨어 입니다. 7.x 대로 버전업 되면서 위의 사항들이 개선 되었습니다.

URL의 쿼리스트링을 조작(추가,수정,삭제)할 수 있는 jquery 플러그인 입니다. 쿼리 문자열(URL 쿼리 매개 변수라고도 함)은 웹 사이트 및 웹 응용 프로그램의 여러 위치에서 사용됩니다. URL (요청)의 끝에 추가 정보를 추가 할 수 있으며 응용 프로그램 내에서 요청간에 상태를 전달하거나 사용자 식별과 같은 다양한 작업에 사용할 수 있습니다. 다운로드 받은 파일의 압축을 해제한 뒤 examples/simple-example.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 사용방법은 아래와 같습니다. URL중에서 일부를 변경해야 하거나, 새로운 값을 추가해야 할 때 사용하기 편리할 것 같네요.

PhpSpreadsheet는 PHP로 개발된 라이브러리 입니다. (PHP 7.3 이상 사용가능 합니다.) 해당 라이브러리를 이용하여 Excel 파일을 업로드, 다운로드 처리를 할 수 있습니다. https://phpspreadsheet.readthedocs.io/en/latest/ 홈페이지로 접속하여 자세한 사용법 확인이 가능 합니다. 지원되는 파일 포맷은 아래를 참고 하시면 되겠습니다. 최신 소스의 다운로드는 아래 페이지에서 할 수 있습니다. https://github.com/PHPOffice/PhpSpreadsheet

한국거래소에서 제공하는 KRX OPEN API는 KOSPI, KOSDAQ등의 지수 정보 및 각종 주식 정보, 증권, 채권, 파생상품, 일반상품 정보를 제공하는 API 입니다. http://openapi.krx.co.kr/ 제공되는 API 목록은 아래 페이지를 통해 확인이 가능 합니다. http://openapi.krx.co.kr/contents/OPP/INFO/service/OPPINFO004.cmd 각각의 API 를 클릭 해보시면 아래와 같이 개발 명세서를 다운로드 가능 합니다. 각 API별 샘플 테스트 및 예제 확인이 가능 하므로, 이를 참고 하여 프로그램을 구현하면 수월하게 작업이 가능 합니다.

배경이미지를 사용하지 않고 간단하게 기울어진 배경색상을 적용할 수 있습니다. transform(skew(0deg, -10deg)); 부분을 수정해서 기울기를 조절할 수 있습니다. .content{ @include transform(skew(0deg, 20deg)); 텍스트 부분의 기울기는 위의 소스에서 조절이 가능합니다.

드래그앤드롭 으로 크기조정, 확장, 회원이 가능한 JavaScript 라이브러리 Moveable 드래그 이동, 사이즈 조절, 회전, 각 조절, 핀치 터치를 이용한 회전 및 사이즈조절 선택, 클립마스크, 라운드조절 등 다양한 기능이 제공됩니다. 사용자 정의 설정을 통해 각 기능별 사용여부도 조절 가능합니다. 웹을 통해 편집하는 플랫폼에서는 아주 유용하게 사용이 될꺼 같네요.

터치 및 마우스 호버효과로 만드는 가벼운 무료 오픈 소스 JavaScript 라이브러리 Atropos JavaScript, React 및 Vue.js에서 사용 가능하며 경량화된 소스입니다. 여러가지 변수를 통해 사용자 정의 설정 사용이 가능합니다. 회전 반경, 그림자 효과 관련 등 다양한 사용자 정의 설정이 가능합니다.

L o a d i n g . css로만 구현된 텍스트형 로딩중 표시입니다. html 소스입니다. css 소스입니다. 글자별로 에니메이션에 딜레이를 줘서 작동하고 있습니다.

기본 선택상자(셀렉트박스) 를 조금 더 이용하기 편한 UI로 변경해주는 jquery 플러그인입니다. 다운로드 받은 파일의 압축을 해제한뒤, demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 위와 같은 기본 선택상자를 오른쪽의 그림 처럼 선택가능한 옵션들을 펼쳐서 화면에 보여주고, 이미 선택한 옵션을 표시해주고, 선택 가능한 옵션들 에서 검색어가 포함된 옵션을 검색할수 있습니다. 여러개의 옵션을 선택할 수 있는 선택상자에서도 사용할 수 있습니다. 사용법은 아래와 같습니다.

타이포 그래피에 있어 필요한 요소들 글꼴 font 굵기 weight 색상 Color 행간 line height 자간 letter spacing 정렬 alignment 서체 등을 예시와 함께 정리되어 있습니다. 다지인에 도움이 되시길 바랍니다!