IT정보뉴스

'1천점 만점' 점수제로 바뀐 신용평가..점수 잘 받으려면

새해부터 개인의 신용을 1∼10등급으로 나누던 신용 등급제가 사라지고 모든 금융업권에서 1천점 만점의 신용점수제가 도입됐다.근소한 차이로 하위 등급을 받은 사람이 대출 등에 제약을 받았던 문턱 효과가 완화되고 좀 더 정교한 여신심사가 가능해질 것으로 기대된다.아울러 신용평가사인 나이스평가정보와 코리아크레딧뷰로(KCB)는 신용점수제 도입에 맞춰 각각 새로운 신용평가 모델을 개발해 적용하기 시작했다.3일 금융감독원과 나이스평가정보, KCB가 소개하는 신용점수 관리 방법을 정리했다.소득증명·통신 요금·관리비 납부 내역 등록하기소득이나 재산이 많다고 신용점수가 무조건 높아지는 것은 아니다. 기본적으로 신용평가는 '돈이 많은지'가 아니라 그동안 돈거래를 어떻게 해왔는지를 토대로 '돈을 빌려주면 잘 갚을 사람인지'를 평가하는 것이기 때문이다.다만 개인이 국세청 소득증명 등을 추가로 제출하면서 '비금융 평가' 항목에 반영해 달라고 할 수 있다. 자신의 채무 상환 능력을 보여주고 가점을 받는 식이다.통신 요금, 건강보험료, 국민연금, 공공요금(도시가스·수도·전기·관리비) 등을 성실히 납부한 내역도 신용점수를 올리는 데 도움이 될 수 있다. 특히 신용거래 이력이 부족한 학생·주부 등에게 이런 방법이 유용하다.비금융정보를 등록하려면 '나이스지키미', '올크레딧' 홈페이지를 방문하거나 핀테크 업체 등이 제공하는 간편 제출 지원 서비스를 활용하면 된다.대출은 고금리부터 갚고 대부업 대출은 신중히대출은 금리가 높은 것부터 갚는 것이 좋다. 신용평가사는 대출의 종류와 업권, 금리 수준, 상환 비중 등을 고려해 고위험 대출일수록 신용평가에 부정적으로 반영하기 때문이다.같은 이유로 대부업 대출은 신중하게 이용하는 것을 권한다. 제도권 금융기관뿐 아니라 대부업체에서 받은 대출 정보도 자동으로 평가에 반영된다.모든 대출을 꺼릴 필요는 없다. 대출 자체는 부정 평가 요인이지만 반대로 대출을 잘 갚으면 신용점수에 긍정적인 영향을 주고 신용거래 실적도 쌓인다.마이너스 통장은 한도금액만큼 채무 부담을 지고 있는 것으로 반영되기 때문에 사용하지 않는다면 없애는 것이 신용점수를 높이는 데 도움이 된다.개인신용평가회사 신용점수 조회화면 변화 [금융위원회 제공. 재판매 및 DB 금지]연체는 소액이라도 피해야…세금 체납도 금물10만 원대 소액이라도 상환을 연체하는 일은 최대한 피해야 한다. 연체된 돈을 다 갚아도 최대 5년간 기록이 남아 신용평가에 나쁜 영향을 준다.만약 연체가 여러 건이라면 오래된 것부터 해결하는 것이 좋다. 연체 기간이 길수록, 연체 횟수가 많을수록, 연체 금액이 많을수록 신용평가에 부정적이다.한국신용정보원에 등록된 세금·공과금 체납 정보, 한국장학재단의 학자금 대출 연체 정보도 신용점수에 영향을 미치므로 평소에 잘 관리해야 한다.신용·체크카드 꾸준히 활용하고 내 신용점수 확인신용카드나 체크카드를 연체 없이 꾸준하게 사용하면 신용점수를 올리는 데 도움이 된다. 건전한 신용 생활을 하고 있다는 것을 보여주는 징표이기 때문이다.단 신용카드 현금서비스나 카드론은 비교적 금리가 높은 대출에 해당하므로 빈번하게 사용하지 않는 게 좋다. 할부 서비스를 과도하게 사용하는 것도 신용평가에 나쁘다.신용정보를 많이 조회하면 신용점수가 떨어진다는 것은 오해다. 오히려 금감원과 신용평가사들은 정기적으로 신용점수를 확인하고 관리하는 것을 권장한다.각 신용평가사가 산정한 자신의 신용정보는 '나이스지키미'와 '올크레딧' 홈페이지에서 각각 확인할 수 있다. 토스, 카카오페이, 뱅크샐러드 등도 이들 신용평가사와 제휴해 신용점수 조회 서비스를 제공한다.당사자는 신용평가사에 신용평가 결과에 대한 설명을 요구하거나 이의를 제기할 수 있다.

비즈니스용 주요 공개SW 목록 리스트입니다

비즈니스용 주요 공개SW 목록 리스트입니다2020년 07월 기준PC화면 노출, 2020년 07월 기준, 비즈니스용 주요 공개SW 목록 리스트입니다. 구성은 분류, 솔루션명, 라이선스, 기술지원, 홈페이지, 제품개요로 되어있습니다.No분류솔루션명라이선스기술지원홈페이지제품개요1AccountingBuddiGPL v2 & Otherscommunityhttp://buddi.digitalcave.ca/index.jsp개인 회계 관리용 소프트웨어2AccountingEdoceo ImperiumMIT licenseprof/communityhttp://imperium.edoceo.com회계, 인보이스 및 CRM 기능을 결합한중소기업용 웹기반 오픈소스 소프트웨어3AccountingFrontAccountingGPLprof/communityhttp://frontaccounting.com/wb3기본적인 ERP기능을 제공하는 웹기반오픈소스 회계 솔루션4AccountingHomeBankGPLcommunityhttp://homebank.free.fr/index.php개인 회계 관리용 소프트웨어5AccountingLedgerSMB(Ledger Small Medium Business)GPL v2prof/communityhttps://ledgersmb.org/무료 소프트웨어 이중 엔트리 회계 및 ERP ( Enterprise Resource Planning) 시스템6AccountingRackTablesGPL 2.0communityhttps://www.racktables.org/웹 인터페이스 데이터센터 자산 관리 시스템을 제공하는 무료 오픈소스 애플리케이션7AccountingjGnashGPL v3communityhttps://sourceforge.net/projects/jgnash/개인 회계 관리용 소프트웨어8BPMProcessMakerAGPL v3prof/communityhttps://www.processmaker.com/비즈니스 프로세스 소프트웨어9BPMProjectLibreCPALprof/communityhttp://www.projectlibre.com/Java 기반의 BPM 솔루션10BPMRedmineGPL v2communityhttp://www.redmine.org레일 프레임워크 기반프로젝트 관리 웹 응용 프로그램11BPM유엔진BPM(uEngine BPM)LGPLprof/communityhttp://www.uengine.org비즈니스프로세스관리(BPM) 솔루션12CMSGNU Board4GPLprof/communityhttps://sir.kr/PHP와 MySQL을 사용하는웹사이트 구축 솔루션13CMSGeeklogGPL v2communityhttps://www.geeklog.net/웹 콘텐츠 관리 CMS 솔루션14CMSKimsQ RbLGPLprof/communityhttp://old.kimsq.co.kr/모듈 시스템을 통한 쇼핑몰, 그룹웨어 로기능 확장 가능한 솔루션15CMSPloneGPLcommunityhttps://plone.org/Zope 기반의 CMS16CMSTWikiGPLcommunityhttp://twiki.org위키와 Web2.0 어플리케이션 플랫폼17CMSTypo3GPL 2communityhttps://typo3.org/PHP로 작성된 자유-오픈 소스 웹 저작물 관리 시스템18CMSXoopsGPLcommunityhttps://xoops.org/PHP 기반의 CMS19CMS드루팔(Drupal)GPL v2communityhttps://www.drupal.org/다양한 기능의 웹사이트 구축 솔루션20CMS미디어위키(MediaWiki)GPLcommunityhttps://www.mediawiki.org/wiki/MediaWiki위키백과(Wikipedia)에서 사용하고있는 웹 기반 위키 저작 솔루션21CMS오픈CMS(OpenCMS)코어 : LGPL v2.1일부모듈 : GPL v2.1communityhttp://www.opencms.orgJava로 작성된 오픈 소스 컨텐츠 관리 시스템22CMS워드프레스(WordPress)GPL v2Communityhttps://wordpress.org/오픈 소스 저작물 관리 시스템23CMS익스프레스 엔진(Xpress Engine)LGPL v2communityhttp://www.xpressengine.com제로보드를 계승한 국내 대표웹사이트 구축 솔루션24CMS줌라(Joomla)GPLcommunityhttps://www.joomla.org/PHP와 MySQL을 사용하는웹사이트 구축 솔루션25CRMCiviCRMAGPL v3Communityhttps://civicrm.org웹기반 오픈소스 CRM26CRMCompiereMPLProf/(compiere)/Communityhttp://compiere.comCRM, ERP, 공급망 관리(SCM) 등의 기능을 제공하는복합 솔루션27CRMFat Free CRMAGPLprof/communityhttp://www.fatfreecrm.com루비 온 레일즈 기반의 CRM 플랫폼28CRMOrange Leap(MPowerOpen)GPL v2prof/communityhttps://sourceforge.net/projects/mpower/비영리단체 지원을 목적으로 개발된오픈소스 CRM 소프트웨어29CRMSuiteCRMAGPLprof,communityhttps://suitecrm.com/80만회 이상 다운로드된 BOSSIE Award 2015와 2016을 수상한 오픈소스 CRM30CRMvtiger CRMVPL 1.1 또는 MPL 1.1Communityhttps://www.vtiger.com/고객관계관리 솔루션31CRM알프레스코(Alfresco)LGPL외prof/communityhttps://www.alfresco.com/기업용 콘텐츠 관리 시스템32CRM오픈CRX(OpenCRX)BSDProf/(CRIXP)/Communityhttp://opencrx.org모델 구동형 아키텍처(MDA) 기반CRM 솔루션33CollaborativeMozilla ThunderbirdMPL 2.0communityhttps://www.thunderbird.net/ko/크로스플랫폼 이메일 클라이언트, 뉴스 클라이언트, RSS와 채팅 클라이언트34CollaborativeOpen AtriumGPL v2prof/communityhttps://www.drupal.org/project/openatrium오픈소스 비즈니스 협업 소프트웨어. 블로그, 캘린더,쉐어박스등의 기능 제공35CollaborativePidginGPLcommunityhttp://www.pidgin.im여러 채팅 네트워크에서 동시에 로그인 할 수있는 채팅 프로그램36CollaborativeRoundCube Webmail ProjectGPL v3communityhttps://roundcube.net/데스크탑과 같은 사용자 인터페이스가있는 무료 오픈 소스 웹 메일 솔루션37ERPAdempiereGPL v2communityhttp://www.adempiere.com회계, 제조관리, 자재관리, 금융, 인적자원, 프로젝트관리 등 제공 ERP 패키지38ERPDolibarrGPL v3prof/communityhttps://www.dolibarr.org/중소기업용 ERP/CRM 소프트웨어39ERPERP5GPLprof/communityhttps://www.erp5.com/파이썬 기반으로 작성된 Zope 기반 ERP40ERPOdoo(OpenERP)AGPLprof/communityhttps://www.odoo.com/영업관리, 회계 및 재무 등의 애플리케이션제공41ERPOpenTapsGPL v3, HPL, Commercialprof/communityhttp://www.opentaps.org/index.phpERP+CRM등 기능을 갖춘 솔루션42ERPSQL-LedgerGPLProf/Communityhttp://www.sql-ledger.com/ERP 및 이중 항목 회계 시스템43ERP오픈브라보(Openbravo)OBPL(based on MPL1.1)Prof/Communityhttps://sourceforge.net/projects/openbravo/엔터프라이즈 ERP 솔루션44ERP웹 ERP(WebERP)GPL v2communityhttp://www.weberp.org웹을 통해 최상의 실무, 다중 사용자 비즈니스 관리 및 회계 도구를 제공하는 성숙한 오픈 소스 ERP 시스템45FrameworkASP.NET CoreApache v2.0Prof/communityhttps://github.com/dotnet/coreMS .NET 프레임워크와 비슷한 cross-plaform프레임워크46FrameworkApache OFBizApache v2Communityhttp://ofbiz.apache.org아파치 Top Level 프로젝트로써 ERP, CRM, E-Commerce 등의 기능을 제공47FrameworkFlaskBSDcommunityhttps://palletsprojects.com/p/flask/파이썬 언어로 작성된 마이크로 웹 프레임워크48FrameworkSpingApache v2communityhttps://spring.io/자바 언어에서 가장 널리 사용되고 있는 애플리케이션 프레임워크 중 하나이고, Java EE 플랫폼 상의 애플리케이션을 구현가능함49Frameworkapache CamelApache License 2.0communityhttp://camel.apache.orgEIP(Enterprise Integration Patterns) 기반의 오픈소스 통합 연계 프레임워크50FrameworkeGovFrame(전자정부 표준프레임워크)Apache v2 or MITprof/communityhttp://www.egovframe.go.kr공공사업 적용 자바기반 개발프레임워크51Framework루비 온 레일즈(Ruby on Rails)MITCommunityhttps://rubyonrails.org/루비로 작성된 MVC 패턴을 이용하는 오픈 소스 웹 프레임워크52Framework애니프레임(AnyFrame)Apache v2Prof/Communityhttps://github.com/anyframejava자바 기반의 어플리케이션 프레임워크53Framework장고(Django)BSDCommunityhttps://www.djangoproject.com/Python 기반의 웹 프레임워크54GISGeoServerGPL v2Communityhttp://geoserver.org/자바 기반 공개SW로서 공간데이터를 WFS, WMS, WCS, WPS 표준에 따라 서비스55GISPostGISGPL v2communityhttp://www.postgis.netPostGIS는 PostgreSQL의 플러그인으로 일반 DBMS인 PostgreSQL에서 공간 데이터를 관리, 처리, 분석할 수 있도록 해주는 소프트웨어56GISQGISGNU GPLCommunityhttps://www.qgis.org/ko/site데이터 뷰, 편집, 분석을 제공하는 크로스 플랫폼 자유-오픈 소스 데스크톱 지리 정보 체계 응용 프로그램57GroupwareHorde GroupwareLGPLcommunityhttps://www.horde.org/apps/groupware엔터프라이즈 그룹웨어58GroupwareSOGOGPL v2, LGPL v2prof/communityhttps://sogo.nu/SOGO(Scalable OpenGroupware.org)제공 그룹웨어 주소록, 웹메일 등 기능59GroupwareZimbra Collaboration Server Open Source EditionYPLprof/communityhttps://www.zimbra.com/이메일 서버와 웹 클라이언트를 포함하는 협업 소프트웨어60GroupwareeGroupWareGPL v2Prof/communityhttps://www.egroupware.org/en/PHP 기반 웹 그룹웨어 서버61Groupware그룹오피스(Group-Office)AGPL, Proprietaryprof/communityhttps://www.group-office.com/일정, CRM, 이메일, 파일 공유, 프로젝트, 결제,동기화 기능을 제공하는 그룹웨어62LMSAtutorGPLcommunityhttp://www.atutor.caPHP 기반 웹 러닝콘텐츠 관리시스템63LMSCANVASAGPLv3communityhttps://www.canvaslms.com신뢰할 수 있는 공개SW 학습관리시스템(LMS), 교육 방식을 혁신하며 강좌를 만들고 관리하는 모든 패키지를 용이64LMSOpen-edxAGPL(edx-platform), Apache(Xblock)communityhttps://open.edx.org국제 우수 대학 및 관련 기관에서 운영되는 온라인 강좌와 온라인 공개 수업(MOOC : Massive Online Course) 환경을 제공65LMS무들(moodle)GPL v3+communityhttps://moodle.org/PHP 기반 e-Learning system66PortalLiferay PortalLGPLprof/communityhttps://www.liferay.com/Enterprise Portal을 만들기 위한 솔루션67PortalZentyalGPLprof/communityhttp://www.zentyal.orgUbuntu Linux 기반 의 오픈 소스 전자 메일 및 그룹웨어 솔루션68PortaleXo PlatformAGPL v3prof/communityhttps://www.exoplatform.com/Java기반의 강력한 Platform69Portal제이보스 포털(Jboss Portal)LGPLprof/communityhttps://www.redhat.com/en/topics/middleware고성능의 웹기반 Platform70VisionOpenCVBSDcommunityhttps://opencv.org/실시간 이미지 프로세싱에 중점을 둔컴퓨터 비전 C 라이브러리71eCommerceBroadleaf CommerceApache v2prof/communityhttps://www.broadleafcommerce.com/오픈소스 기업용 전자상거래 플랫폼72eCommerceOsCommerceGPLprof/communityhttps://github.com/BroadleafCommerce/BroadleafCommerce오픈소스 전자상거래 솔루션73eCommerce마젠토(Magento)OSL 3.0prof/communityhttps://www.magento.com/community오픈소스 이커머스 플랫폼이다. 개발언어는 PHP74eCommerce오픈차트(opencart)GPLprof/communityhttps://www.opencart.com/PHP기반의 온라인 전자상거래 플랫폼75eCommerce젠 차트(Zen Cart)GPLprof/communityhttp://www.zen-cart.comos커머스(osCommerce)에서 파생된 PHP기반의전자상거래 플랫폼.76eCommerce프레스타샵(PrestaShop)OSL 3.0prof/communityhttps://www.prestashop.com/en오픈소스 전자상거래 솔루션77콘텐츠배포XELGPL v2.1 or laterprof/communityhttps://www.xpressengine.io누구나 쉽고 편하고 자유롭게 콘텐츠를 발행할 수 있도록 하기 위한 서비스 친화적인 CMS비즈니스용 공개SW 목록파일 다운로드

최근 등록된 자바스크립트 소스

사진 설명
사진

Free Web Pivot Table Tool

Free Web Pivot Table ToolCREATED BY INDUSTRY EXPERTS FOR EVERYONEDOWNLOAD NOWornpm i webdatarocks --saveCopied to clipdoard! FreePivot table control is free for everyone. It means you are able to start a new reporting project or data analytics startup with no risk. It opens up new opportunities for turning your ideas into a reality.DOWNLOAD FOR FREEEasy to integrateWith a few lines of code, you are ready to start analyzing data on your website. Yes, it's that simple! In less than five minutes you will get all off-the-shelf reporting features running. No developer is needed to start creating reports.READ QUICK START  Full set of enterprise featuresYou will get a full set of pivot table analytics capacities wrapped up in a modern and adaptive design. Features like filtering, sorting, grouping, conditional and number formatting, calculated values, totals are available for efficient work with your data. On top of that, you can print or export your web report to PDF, Excel or HTML with just one click.SEE LIVE DEMOReady-to-use modern UIThe tool offers a classy spreadsheet-like interface optimized both for browser and apps. You will not have to spend time and money on its completion. All principles of reliability and excellent user experience are already implemented in this web reporting tool.  Analyze data instantlyThe power of fast online data visualization in a few minutes after integration. Yes, it's possible!LEARN MORE IN OUR BLOG

사진

tabl2excel 라이브러리 사용 ​

tabl2excel 라이브러리 사용​▼ 내용table to excel converterjava 단이나 jsp 단으로 poi나 jxl 라이브러리를 사용할수있지만.... js 로 바꾸고싶어 찾아보다 사용하기 편한 라이브러리를 발견하여 관련된 사용법을 작성합니다.​아래 소스를 다운받아 엑셀로 실행하엿을경우 위 그림처럼 export가 된다.<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script type="text/javascript" src="../scripts/jquery-1.11.0.js"></script> <script type="text/javascript" src="../scripts/jquery.table2excel.js"></script> </head> <body> <table id="TableToExcel" border=2 width=710 cellpadding=0 cellspacing=0 class='table table-bordered' align=center style='border-collapse:collapse;' > <thead> <tr> <td>번호</td> <td>번호</td> <td>번호</td> </tr> </thead> <tbody> <tr> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>2</td> <td>2</td> <td>2</td> </tr> <tr> <td>3</td> <td>3</td> <td>3</td> </tr> </tbody> </table> <iframe id="txtArea1" style="display:none"></iframe> <!-- IE 호환을 위해서 iframe을 추가해야한다 --> <!-- IE에서는 txtArea1 의 객체를 찾기 때문이다. 크롬은 없어도 된다. 있어도 상관은 없다. --> <input type='button' class='btn btn-inverse' value='excel 다운' style='width:100px;height:36px;font-weight:bold;' onclick="ReportToExcelConverter()" /> </body> <script> function ReportToExcelConverter() { $("#TableToExcel").table2excel({ exclude: ".noExl", name: "Excel Document Name", filename: "report" +'.xls', //확장자를 여기서 붙여줘야한다. fileext: ".xls", exclude_img: true, exclude_links: true, exclude_inputs: true }); }; </script> </html> 위 소스처럼 table의 id를 지정하고 제이쿼리함수 $("#아이디") 를 지정한다음 위 소스처럼 작성하면 table 을 자동으로 excel 형식으로 export 해준다. script 를 불러올때 꼭 jquery 를 부른다음 table2excel.js 를 로드해야한다. 또한 iframe을 써줘야 ie에서 작동이된다. excel exprort.zip예제 파일이다.◎ tabl2excel 공식파일과 사이트​▼ 내용https://www.jqueryscript.net/table/Export-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.html Export-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.​https://github.com/rainabba/jquery-table2excel jquery-table2excel-master.zip위에 링크가 공식문서고 나는 아래에서 다운받아서 작업하엿기 때문에 둘다 링크를 남긴다출처: https://dydals5678.tistory.com/107 [아빠개발자의 노트]

사진

Print.js 웹에서 인쇄하는 데 도움이되는 작은 자바 스크립트 라이브러리

Print.js웹에서 인쇄하는 데 도움이되는 작은 자바 스크립트 라이브러리입니다.v1.0.61 다운로드PDF 인쇄Print.js는 주로 인터페이스를 벗어나지 않고 임베드를 사용하지 않고 앱 내에서 PDF 파일을 직접 인쇄 할 수 있도록 작성되었습니다. 사용자가 PDF 파일을 열거 나 다운로드 할 필요가없고 대신 인쇄 만하면되는 고유 한 상황의 경우.예를 들어 이것이 유용한 시나리오 중 하나는 사용자가 서버 측에서 생성 된 보고서를 인쇄하도록 요청할 때입니다. 이러한 보고서는 PDF 파일로 다시 전송됩니다. 이러한 파일을 인쇄하기 전에 열 필요는 없습니다. Print.js는 앱 내에서 이러한 파일을 인쇄하는 빠른 방법을 제공합니다.PDF 파일은 앱이 호스팅되는 도메인과 동일한 도메인에서 제공되어야합니다. Print.js는 iframe을 사용하여 파일을 인쇄하기 전에로드하므로 동일한 출처 정책에 의해 제한됩니다 . 이는 크로스 사이트 스크립팅 (XSS) 공격 을 방지하는 데 도움이됩니다 .예호스팅 서버에있는 PDF 파일을 인쇄하는 버튼을 추가합니다. <button type="button" onclick="printJS('docs/printjs.pdf')"> Print PDF </button> 결과:PDF 인쇄Firefox는 현재 iframe을 사용한 PDF 문서 인쇄를 허용하지 않습니다. 이에 대한 Mozilla 웹 사이트에 공개 버그 가 있습니다. Firefox를 사용할 때 Print.js는 PDF 파일을 새 탭으로 엽니 다.대용량 파일의 경우 파일을로드 할 때 사용자에게 메시지를 표시 할 수 있습니다. <button type="button" onclick="printJS({printable:'docs/xx_large_printjs.pdf', type:'pdf', showModal:true})"> Print PDF with Message </button> 결과:큰 PDF 인쇄 (5MB 파일) 초대형 PDF 인쇄 (16MB 파일)라이브러리는 base64 PDF 인쇄를 지원합니다. <button type="button" onclick="printJS({printable: base64, type: 'pdf', base64: true})"> Print PDF with Message </button> 결과:base64 PDF 인쇄HTML 인쇄때때로 우리는 HTML 페이지의 선택된 부분을 인쇄하고 싶을 때 까다로울 수 있습니다. Print.js를 사용하면 인쇄하려는 요소의 ID를 쉽게 전달할 수 있습니다. 요소는 고유 ID가있는 한 모든 태그 일 수 있습니다. 라이브러리는 화면에 보이는 것과 매우 가깝게 인쇄하려고 시도하는 동시에 프린터 친화적 인 형식을 만듭니다.예HTML 양식에 인쇄 버튼 추가 : <form method="post" action="#" id="printJS-form"> ... </form> <button type="button" onclick="printJS('printJS-form', 'html')"> Print Form </button> 결과:이름:이메일:메시지:양식 인쇄Print.js는 인수가있는 객체를받습니다. 양식을 다시 인쇄 해 보겠습니다. 이제 페이지에 헤더를 추가하겠습니다. <button type="button" onclick="printJS({ printable: 'printJS-form', type: 'html', header: 'PrintJS - Form Element Selection' })"> Print Form with Header </button> 결과:헤더가있는 양식 인쇄이미지 인쇄Print.js는 이미지 URL을 전달하여 페이지의 이미지를 빠르게 인쇄하는 데 사용할 수 있습니다. 저해상도 버전의 이미지를 사용하여 화면에 여러 이미지가있을 때 유용 할 수 있습니다. 사용자가 선택한 이미지를 인쇄하려고 할 때 고해상도 URL을 Print.js에 전달할 수 있습니다.예화면에 필요한 해상도로 페이지에 이미지를로드합니다. <img src="images/print-01.jpg" /> 더 나은 인쇄 품질을 위해 자바 스크립트에서 가장 높은 해상도의 이미지 URL을 Print.js에 전달합니다. printJS('images/print-01-highres.jpg', 'image') 결과:Print.js는 인쇄를 시도하기 전에 이미지가로드되었는지 확인하기 위해 promise를 사용합니다. 이것은 위의 예와 같이 아직로드되지 않은 고해상도 이미지를 인쇄 할 때 유용합니다.인쇄중인 이미지에 헤더를 추가 할 수도 있습니다. printJS({printable: 'images/print-01-highres.jpg', type: 'image', header: 'My cool image header'}) 결과:헤더로 이미지 인쇄여러 이미지를 함께 인쇄하기 위해 이미지 배열을 전달할 수 있습니다. 각 이미지에 적용 할 스타일을 전달할 수도 있습니다. printJS({ printable: ['images/print-01-highres.jpg', 'images/print-02-highres.jpg', 'images/print-03-highres.jpg'], type: 'image', header: 'Multiple Images', imageStyle: 'width:50%;margin-bottom:20px;' }) 결과:여러 이미지 인쇄JSON 인쇄동적 데이터 또는 자바 스크립트 개체 배열을 인쇄하는 간단하고 빠른 방법입니다.예자바 스크립트 코드에 다음 데이터 세트가 있습니다. 이것은 아마도 서버 API에 대한 AJAX 호출에서 올 것입니다. someJSONdata = [ { name: 'John Doe', email: 'john@doe.com', phone: '111-111-1111' }, { name: 'Barry Allen', email: 'barry@flash.com', phone: '222-222-2222' }, { name: 'Cool Dude', email: 'cool@dude.com', phone: '333-333-3333' } ] Print.js에 전달할 수 있습니다. <button type="button" onclick="printJS({printable: someJSONdata, properties: ['name', 'email', 'phone'], type: 'json'})"> Print JSON Data </button> 결과:JSON 데이터 인쇄커스텀 CSS를 전달하여 데이터 그리드의 스타일을 지정할 수 있습니다. <button type="button" onclick="printJS({ printable: someJSONdata, properties: ['name', 'email', 'phone'], type: 'json', gridHeaderStyle: 'color: red; border: 2px solid #3971A5;', gridStyle: 'border: 2px solid #3971A5;' })"> Print JSON Data </button> 결과:스타일이 지정된 JSON 데이터 인쇄객체 배열을 보내는 테이블 헤더 텍스트를 사용자 정의 할 수 있습니다. <button type="button" onclick="printJS({ printable: someJSONdata, properties: [ { field: 'name', displayName: 'Full Name'}, { field: 'email', displayName: 'E-mail'}, { field: 'phone', displayName: 'Phone'} ], type: 'json' })"> Print with custom table header text </button> 결과:사용자 정의 테이블 헤더 텍스트로 인쇄JSON, HTML 및 이미지 인쇄는 원시 HTML 헤더를 수신 할 수 있습니다. <button type="button" onclick="printJS({ printable: someJSONdata, type: 'json', properties: ['name', 'email', 'phone'], header: '<h3 class="custom-h3">My custom header</h3>', style: '.custom-h3 { color: red; }' })"> Print header raw html </button> 결과:원시 HTML 헤더로 JSON 인쇄다운로드 및 설치GitHub 릴리스에서 최신 버전의 Print.js를 다운로드 할 수 있습니다.v1.0.61 다운로드npm을 사용하여 설치하려면 : npm install print-js --save 원사를 사용하여 설치하려면 : yarn add print-js npm 또는 yarn을 통해 설치할 때 라이브러리를 프로젝트로 가져옵니다. import print from 'print-js' KeyCDN 덕분에 CDN도 사용할 수 있습니다 . https://printjs-4de6.kxcdn.com/print.min.js https://printjs-4de6.kxcdn.com/print.min.css 시작하기먼저 페이지에 Print.js 라이브러리를 포함해야합니다. <script src="print.js"></script> 모달 기능을 사용하려면 페이지에 Print.css도 포함하십시오. <link rel="stylesheet" type="text/css" href="print.css"> 그게 다야. 이제 페이지에서 Print.js를 사용할 수 있습니다.자바 스크립트 코드를 작성할 때 라이브러리는 전역 변수 인 printJS.Print.js 사용이 4 개 가지 인쇄 문서 유형은 다음과 같습니다 'pdf', 'html', 'image'와 'json'.기본 유형은 'pdf'입니다.기본 사용법은 printJS()PDF 문서 URL : 을 호출 하고 전달하는 것 printJS('docs/PrintJS.pdf')입니다.이미지 파일의 경우 아이디어는 동일하지만 두 번째 인수를 전달해야합니다 printJS('images/PrintJS.jpg', 'image')..HTML 요소를 인쇄하려면 비슷한 방식으로 요소 ID와 유형을 전달 printJS('myElementId', 'html')합니다..JSON 데이터를 인쇄 할 때 인쇄하려는 데이터, 유형 및 데이터 속성을 전달합니다.printJS({printable: myData, type: 'json', properties: ['prop1', 'prop2', 'prop3']});구성Print.js는 몇 가지 옵션을 구성 할 수있는 인수로 객체를 허용합니다.논의기본값기술인쇄 가능없는문서 소스 : pdf 또는 이미지 URL, html 요소 ID 또는 json 데이터 객체.유형'pdf'인쇄 가능한 유형. 사용 가능한 인쇄 옵션은 pdf, html, image, json 및 raw-html입니다.헤더없는HTML, 이미지 또는 JSON 인쇄에 사용할 선택적 헤더입니다. 페이지 상단에 배치됩니다. 이 속성은 텍스트 또는 원시 HTML을 허용합니다.headerStyle'글꼴 무게 : 300;'헤더 텍스트에 적용 할 선택적 헤더 스타일입니다.maxWidth800최대 문서 너비 (픽셀)입니다. 필요에 따라 변경하십시오. HTML, 이미지 또는 JSON을 인쇄 할 때 사용됩니다.CSS없는이를 통해 인쇄중인 html에 적용해야하는 하나 이상의 css 파일 URL을 전달할 수 있습니다. 값은 단일 URL이있는 문자열이거나 여러 URL이있는 배열 일 수 있습니다.스타일없는이를 통해 인쇄중인 html에 적용해야하는 사용자 정의 스타일로 문자열을 전달할 수 있습니다.scanStyles진실false로 설정하면 라이브러리는 인쇄중인 html에 적용된 스타일을 처리하지 않습니다. css매개 변수를 사용할 때 유용합니다 .targetStyle없는기본적으로 라이브러리는 HTML 요소를 인쇄 할 때 일부 스타일 만 처리합니다. 이 옵션을 사용하면 처리 할 스타일 배열을 전달할 수 있습니다. 예 : [ 'padding-top', 'border-bottom']targetStyles없는그러나 'targetStyle'과 동일하지만 다양한 스타일을 처리합니다. 예 [ '패딩' '국경'] 등 '국경 바닥', '국경 탑', '국경 왼쪽', '국경 오른쪽', '패딩 탑'을 포함 할 것이다 :당신은 또한 수 모든 스타일을 처리하려면 [ '*']를 전달하십시오.ignoreElements[]상위 html 요소를 인쇄 할 때 무시해야하는 html ID 배열을 허용합니다.속성없는JSON을 인쇄 할 때 사용됩니다. 이것은 객체 속성 이름입니다.gridHeaderStyle'글꼴 두께 : 굵게;'JSON 데이터를 인쇄 할 때 그리드 헤더의 선택적 스타일입니다.gridStyle'테두리 : 1px 단색 밝은 회색; margin-bottom : -1px; 'JSON 데이터를 인쇄 할 때 그리드 행에 대한 선택적 스타일입니다.repeatTableHeader진실JSON 데이터를 인쇄 할 때 사용됩니다. 로 설정 false하면 데이터 테이블 헤더가 첫 페이지에만 표시됩니다.showModal없는큰 PDF 파일을 검색하거나 처리 할 때 사용자 피드백을 표시하려면이 옵션을 활성화합니다.modalMessage'문서 검색 중 ...'가로 showModal설정된 경우 사용자에게 표시되는 메시지 true입니다.onLoadingStart없는PDF가로드 될 때 실행되는 기능onLoadingEnd없는PDF가로드 된 후 실행되는 기능문서 제목'문서'html, image 또는 json을 인쇄 할 때 문서 제목으로 표시됩니다. 사용자가 인쇄 작업을 pdf 파일로 저장하려는 경우 문서의 이름이됩니다.fallbackPrintable없는pdf를 인쇄 할 때 브라우저가 호환되지 않는 경우 (브라우저 호환성 표 확인) 라이브러리는 새 탭에서 pdf를 엽니 다. 이렇게하면`printable`에 전달 된 원본 대신 열릴 다른 pdf 문서를 전달할 수 있습니다. 대체 pdf 파일에 javascript를 삽입하는 경우 유용 할 수 있습니다.onPdfOpen없는pdf를 인쇄 할 때 브라우저가 호환되지 않는 경우 (브라우저 호환성 표 확인) 라이브러리는 새 탭에서 pdf를 엽니 다. 여기에 콜백 함수를 전달할 수 있으며,이 경우 실행됩니다. 인쇄 흐름을 처리하고 사용자 인터페이스를 업데이트하려는 경우에 유용 할 수 있습니다.onPrintDialogClose없는브라우저 인쇄 대화 상자가 닫히면 콜백 함수가 실행됩니다.onError오류 => 오류 발생오류 발생시 실행할 콜백 함수입니다.base64그릇된base64 데이터로 전달 된 PDF 문서를 인쇄 할 때 사용됩니다.honorMarginPadding (사용되지 않음 )진실인쇄중인 요소에서 패딩과 여백을 유지하거나 제거하는 데 사용됩니다. 때로는 이러한 스타일 설정이 화면에서는 훌륭하지만 인쇄 할 때는보기에 좋지 않습니다. 이를 false로 설정하여 제거 할 수 있습니다.honorColor (사용되지 않음 )그릇된텍스트를 컬러로 인쇄하려면이 속성을 true로 설정하십시오. 기본적으로 모든 텍스트는 검은 색으로 인쇄됩니다.폰트 (사용되지 않음 )'TimesNewRoman'HTML 또는 JSON을 인쇄 할 때 사용되는 서체입니다.font_size (사용되지 않음 )'12pt'HTML 또는 JSON을 인쇄 할 때 사용되는 글꼴 크기입니다.imageStyle (사용되지 않음 )'너비 : 100 %;'이미지를 인쇄 할 때 사용됩니다. 각 이미지에 적용 할 사용자 정의 스타일이있는 문자열을 허용합니다.브라우저 호환성현재 모든 라이브러리 기능이 브라우저간에 작동하는 것은 아닙니다. 다음은 이러한 주요 브라우저에서 최신 버전을 사용하여 수행 한 테스트 결과입니다.구글 크롬원정 여행Firefox가장자리오페라인터넷 익스플로러PDFHTML이미지JSON지원 해주신 BrowserStack에 감사드립니다. 놀라운 크로스 브라우저 테스트 도구.