IT정보뉴스

"프리랜서 IT 개발자 권리 보장"..경사노위 '자율규범' 첫 합의

온라인 플랫폼을 통해 일감을 얻는 정보통신(IT) 업계 프리랜서 개발자들의 권리를 보장할 첫 노사정 합의문이 나왔다. 하지만 강제성이 없는 ‘자율규범’이어서, 실효성에 의문이 제기된다.대통령 소속 사회적 대화 기구인 경제사회노동위원회 산하 ‘디지털 전환과 노동의 미래 위원회’는 27일 프리랜서 개발자들이 불합리한 업무 지시나 입금 지연 등의 피해를 보지 않도록 계약 체결에서부터 중개 플랫폼 업체의 책임을 강화한 ‘플랫폼 경제 활성화 및 노동 종사자 지원 방안에 관한 합의문’을 발표했다. 합의문은 △플랫폼 기업 자율규범 실행 추진 △아이티 플랫폼 노동자 사회보험 적용방안 검토 △지속가능한 아이티 플랫폼 및 노동자 발전 모델을 위한 연구조사 등 크게 세 분야로 구성됐다.ADMONGZE몽제매트리스 최대 10%할인 오늘 마감!구매하기이번 합의문의 핵심인 ‘아이티 인력·프로젝트 중개 플랫폼 기업 자율규범’에는 플랫폼 기업이 프리랜서 노동자 보호를 위해 프로젝트의 대금 지급 시기를 명시하고, 개발자의 경력관리를 위해 업체가 필요한 경우 경력증명서를 발급할 수 있도록 하는 등 준수해야 할 내용이 담겼다. 정부는 자율규범의 실효성을 위해 우수 기업에 대한 지원책을 마련하기로 했다. 현재 이랜서·위시켓·프리모아 등 3대 중개 플랫폼 기업이 모두 자율규범 준수 의사를 밝혔다.국내 소프트웨어 프리랜서 개발자는 약 2만6천~6만6천명 규모로 추정된다. 그런데 과학기술정보통신부 산하 소프트웨어정책연구소가 2018년 프리랜서 개발자 949명의 근로실태를 조사한 결과를 보면, 업체와 계약서를 작성한 경험이 있는 사람(903명)의 16.1%만이 ‘계약서가 공정하게 작성됐다’고 응답했다. ‘계약 내용이 준수되지 않았다’고 응답한 프리랜서 개발자(676명)들은 △업무 변경(56.5%) △과제 기간 연장(49.0%) △임금 지급 지연(46.3%) 등의 피해를 겪은 것으로 나타났다. 이번 합의문은 이런 문제를 개선하려는 조처다.하지만 업체가 자율규범을 이행하지 않을 경우 이를 제재할 방안은 따로 없어 합의의 실효성에 의문이 제기된다. 이번 자율규범의 ‘분쟁해결’ 조항에는 “의뢰자와 공급자 간에 분쟁 발생 시 당사자들이 자율적으로 결정하고 합의할 수 있도록 충분한 정보를 제공하고 타협을 위해 노력한다”는 수준의 내용만 포함됐다.한편, 이날 위원회는 배달 플랫폼 노동자들의 잇따른 산업재해 사고가 사회적 문제로 대두됨에 따라 이들의 산재보험 적용 확대와 고용보험 가입 등을 논의할 ‘디지털 플랫폼 노동: 배달 업종 분과위원회’를 발족했다. 플랫폼 노동의 업종이 배달, 가사서비스, 아이티 등 다양한 분야로 확산하는 상황에서 업종에 따라 합의를 도출해야 한다는 지적에 따른 것이다.

비즈니스용 주요 공개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에 감사드립니다. 놀라운 크로스 브라우저 테스트 도구.