IT정보뉴스

자바ㆍ자바스크립트용 풀 스택 프레임워크, 제이힙스터의 이해

제이힙스터(JHipster)는 리액티브 프론트 엔드를 사용한 풀 스택 자바 애플리케이션 개발을 쉽게 한다는 원대한 목표로 오래 전에 시작된 자바/자바스크립트 하이브리드 프로젝트다. 제이힙스터 개발팀은 업계의 변화에 보조를 맞춰 꾸준히 새 버전을 내놨는데, 여기서는 간단한 애플리케이션을 만들면서 이 프레임워크로 무엇을 할 수 있는지 알아보자.  제이힙스터란기본적으로 제이힙스터(JHipster)는 프론트 엔드용 리액트(React), 뷰(Vue), 앵귤러(Angular)를 지원하며 스벨트(Svelte)를 비롯한 다른 프레임워크는 블루프린트(blueprints)라는 플러그인을 통해 지원한다. 백엔드의 경우 스프링 부트(Spring Boot)의 비중이 크다. 힐라(Hilla) 프레임워크와 비슷하지만, 광범위한 프론트 엔드 스택을 지원한다는 더 큰 목표를 갖고 있다. 기본적으로 제이힙스터는 자바 및 자바스크립트 빌드 툴체인을 통합하고 그 위에 다양한 관리 기능을 덧씌우는 고급 빌드 툴이다. 제이힙스터는 풀 스택 애플리케이션 외에 마이크로서비스 구성요소를 지원하며 JPA 기반 관계형 데이터베이스와 몽고DB(MongoDB), 카산드라(Cassandra) 같은 NoSQL 데이터스토어를 위한 골격을 제공한다. 로깅과 분석을 위한 기능도 있다. 제이힙스터의 툴셋에는 명령줄 및 도메인별 언어(DSL)와 시각적 데이터 모델러 및 웹 기반 생성자(constructor)가 포함된다(스프링 이니셜라이저(Spring Initializr)의 강화된 형태라고 보면 된다). 여기서는 명령줄을 사용해 시작한다. 참고로 비교적 최신 자바, Node.js, 깃 버전이 설치된 시스템이 필요하다.  제이힙스터 예제 애플리케이션 제이힙스터 퀵스타트에 따라 generator-jhipster NPM 패키지를 설치하고 생성기를 실행할 새 디렉터리를 만든다. <화면 1>과 비슷한 인터랙티브 프롬프트가 표시될 것이다.  <화면 1> 제너레이터 제이힙스터 인터랙티브 빌더 © IDG대부분 기본값 그대로 두면 되지만 여기서는 몽고DB를 데이터베이스로, 리액트를 프론트 엔드 프레임워크로 사용한다(부츠워치(Bootswatch) 테마는 취향에 따라 선택하면 된다). 이렇게 옵션을 정하고 나면 제이힙스터가 작동해 조금전에 만든 디렉터리에 새 애플리케이션을 생성한다. 이를 실행하려면 시스템에 몽고DB가 있어야 한다. 설치 지침은 몽고DB 설명서를 참고한다. 애플리케이션 빌드와 실행 이제 제이힙스터가 풀 스택 자바 및 자바스크립트 애플리케이션의 두 부분을 생성한다. 백엔드는 메이븐(Maven)으로, 프론트 엔드는 웹팩(webpack)으로 구축됐다. 두 부분을 동시에 실행해 애플리케이션을 시작할 수 있다(백그라운드에서 몽고DB도 실행 중이어야 한다). 셸에서 ./mvn -P-webapp을 입력한다. 이 명령은 자바 백엔드를 빌드하고 실행한다. 메이븐이 웹팩 부분을 실행하지 않도록 하기 위해 -P-webapp 플래그를 사용한다. 다른 셸에서 npm start를 입력한다. 이 명령은 프론트 엔드를 빌드해서 웹팩의 dev 모드로 실행하며 API 호출은 방금 만든 자바 서버를 향한다. 모든 부분이 원활하게 진행됐다면 localhost:8080에서 <화면 2>와 같은 화면이 표시된다.  <화면 2> 제이힙스터 웰컴 화면 © IDG 테스트 사용자 만들기이 애플리케이션은 꼼꼼히 살펴볼 필요가 있다. 먼저 제이힙스터의 생성기는 기능적 사용자 관리, JWT 기반 인증 시스템을 포함해 일반적인 툴에 비해 훨씬 더 많은 요소를 출력한다. 또한, 애플리케이션에는 기본 계정이 있는데 이 계정을 사용해 테스트 사용자를 만든다.시작하려면 애플리케이션 화면 오른쪽 상단의 등록(Register) 옵션을 사용해 새 사용자를 만든다. 그 다음 테스트 사용자(test@test.com)를 만들고 로그인(log in)으로 이동해 기본 admin/admin 사용자를 선택한다. 사용자 관리 화면으로 이동하면(Administration(관리) > User Management(사용자 관리)) 새 사용자를 볼 수 있다. 비활성 버튼을 활성으로 전환해 사용자를 활성화한 다음 테스트 사용자로 로그인한다. 참고로 이 사용자는 관리 콘솔에 액세스할 수 없다. 앞서 설명한 것처럼 제이힙스터는 리액트, 몽고DB 스택뿐만 아니라 앵귤러, 뷰, 그리고 다양한 SQL 및 NoSQL 데이터스토어를 지원한다. 이 때문에 기본적으로 제공하는 기능이 상당히 많다.  코드 살펴보기 제이힙스터는 이러한 모든 기능을 지원하기 위한 많은 코드를 제공한다. 좋은 점은 코드의 대부분이 최신이고 프로그래밍 모범 사례를 따른다는 것이다. 예를 들어 리액트 코드는 함수형 구성요소를 사용하고 후크를 활용하며 중앙화된 리덕스(Redux) 스토어를 대상으로 실행된다. 애플리케이션 디렉터리를 보면 다음과 같은 구조를 볼 수 있다.  /foundry-jhipster/ /webpack/ : 웹팩 번들을 위한 구성/유틸리티 /src/main/ /java/ : 자바 소스 /webapp/ : 프론트 엔드 소스 /target/ : 두 빌드의 출력 디렉터리 /webapp/ : 프론트 엔드 빌드 출력 /java/ : 백엔드 빌드 출력 /docker/ : 컨테이너화를 지원하기 위한 파일 자바 애플리케이션의 주 클래스는 src/main/java/com/mycompany/myapp/JhipsterApp.java다. 기본적으로 스프링 부트 웹 애플리케이션이며 --spring.profiles.active=your-active-profile을 통해 명령줄 인수로 구성할 수 있다. 기본 자바 애플리케이션은 사용자 CRUD(생성, 읽기, 업데이트, 삭제) 기능을 위한 API이며, 인증과 권한 부여는 스프링 시큐리티(Spring Security)를 통해 실행된다. 스프링 시큐리티 시스템은 /myapp/security에 구성된다. 제이힙스터는 JSON 웹 토큰을 사용하므로 in /security/jwt에 이를 지원하는 클래스가 있다. 애플리케이션의 도메인 모델은 /domain에 정의된다. 이 부분은 곧 나올 프론트 엔드 /entities에 상응하는 요소다. package.json에서 사용 가능한 프론트 엔드 스크립트를 찾는다. 지금 사용 중인 dev mode 명령 외에 mongodb prune 명령, 테스트 및 프로덕션 빌드 명령 등이 있다. 클라이언트 항목은 /src/main/webapp/index.html에 있지만 실제 작업은 /sec/main/webapp/app/app.tsx에서 시작되며, 이는 다양한 페이지 구성요소를 호스팅하는 애플리케이션 라우터(경로는 router.tsx에 정의됨)를 정의한다. main/webapp/app/modules에서 정의된 애플리케이션의 웹 페이지 구성요소를 찾을 수 있다. 예를 들어 /home/home.tsx에는 홈페이지 정의가 있다. /main/webapp/app/shared 디렉터리에서 애플리케이션 전반에 사용되는 코드를 볼 수 있다. 대부분은 모델 정의 및 리듀서와 같은 중앙 저장소용이다. 현재 애플리케이션은 사용자만 다루므로 공유 디렉터리에는 해당 구성요소 및 인증 코드만 있다. /entities 폴더에는 모델링된 엔티티를 지원하기 위한 코드가 포함된다. 사용자 모델이 공유 디렉터리에 저장된 것을 볼 수 있다. 아직 엔티티는 없으므로 추가해 보자.  모델 정의 : JDL 및 JDL-스튜디오 JDL은 애플리케이션 모델을 정의하기 위한 제이힙스터의 도메인별 언어지만 그 외에도 많은 역할을 한다. JDL 메타데이터로 전체 애플리케이션을 정의할 수 있는데 여기서는 모델을 중심으로 살펴보자. 일단, 제이힙스터의 온라인 툴인 JDL-스튜디오(JDL-Studio)를 사용해서 도메인 모델을 위한 몇 가지 CRUD 기능을 빠르게 만든다. <화면 3>과 같은 엔티티 관계 빌더를 볼 수 있다.  <화면 3> JDL 빌더 © IDGJDL 빌더는 엔티티 및 엔티티의 속성과 그 사이의 관계 정의를 지원한다. 구문은 이해하기 쉬우므로 따로 설명하지는 않겠다. 왼쪽 정의에서 수정한 다음 비주얼 디스플레이에서 어떻게 표시되는지를 관찰하는 방식으로 구문을 살펴볼 수 있다. 주어진 관계를 수락하고, 화면 오른쪽 맨 위의 이 JDL 소스 다운로드(Download this JDL source) 버튼을 눌러 내보낸다(도구 모음에는 모양과 동작을 구성하기 위한 여러 옵션이 있다.) 파일이 생성되면 프로젝트 루트에서 명령줄을 열고 jhipster jdl my-jdl-file.jdl을 입력한다. 여기서 my-jdl-file.jdl은 방금 내보낸 파일의 이름이다. 파일 두 개를 덮어쓸 것인지 묻는 메시지가 표시되면 수락해서 덮어쓴다. 완료되면 서버를 다시 시작해서 애플리케이션에 추가한 부분을 볼 수 있다. 브라우저로 돌아가서 포트 9000에서 다시 애플리케이션을 열고 admin/admin으로 로그인한다. 이제 탐색 표시줄에서 엔티티(Entities) 메뉴를 열면 방금 가져온 모든 엔티티와 이 엔티티 관리를 위해 완전히 구현된 콘솔을 볼 수 있다. 예를 들어 새 “Country” 엔티티를 만든 다음 새 “Location” 엔티티를 만들어 새로 생성된 이 국가를 자신의 위치에 사용할 수 있다. 모든 CRUD 기능도 있다.  모니터링 및 API 관리 관리 사용자를 위한 몇 가지 부가 기능을 짚고 넘어가자. 관리(Administration) 메뉴에는 실행 중인 JVM의 특성을 보여주는 메트릭(Metrics) 옵션이 포함돼 있다(<화면 4> 참조). 모니터링 기능과 관련된 자세한 내용은 제이힙스터 설명서에서 볼 수 있다.  <화면 4> 제이힙스터 모니터 © IDG제이힙스터는 백엔드 엔드포인트를 위한 오픈 API/스웨거(Swagger) 정의와 이를 다루기 위한 간단한 콘솔도 생성한다. <화면 5>에서 API 관리 화면을 볼 수 있다.  <화면 5> API 관리 화면 © IDG정리하면 제이힙스터는 다양한 데이터스토어와 프론트엔드 프레임워크를 쓸 수 있는 유연한 아키텍처를 사용해 다양한 기능을 제공한다. 전체적으로 인상적인 프레임워크다.원문보기:https://www.itworld.co.kr/news/239909#csidx4818e8144cfa30aaa10d14c39028038 

비즈니스용 주요 공개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 목록파일 다운로드

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

사진 설명
사진

vue.js mail client

vue-mail-front환영합니다~~ Vue2 기반의 이메일 프론트엔드 시스템입니다.프로젝트 미리보기 주소:http://rulifun.cn/vue-mail프로젝트 마이그레이션 지침이전 파일 vue-mial-front이 git너무 커서(>20m) 이전 gif파일 git(이전 사비님 죄송합니다), 처음 fetch또는 pull이 오래 걸려서 이전 파일로 마이그레이션되었습니다. 현재 창고.사용로컬에서 복제 또는 다운로드:git clone https://github.com/weihomechen/vue-mail-front.git 프로젝트를 입력하고 종속성을 설치합니다.npm install # 如果不能科学上网,请使用: npm install --registry=https://registry.npm.taobao.org 개발 시작:npm run dev 모든 것이 잘되면 프로젝트는 http://localhost:8081 에서 로컬로 실행 됩니다.프로덕션 환경에 게시:npm run build:prod 메일 메인 모듈편지 쓰기 (첨부 파일, 오디오 녹음, 텍스트 편집 지원)메일링 리스트이메일 세부정보우편물 라벨주소록주요 구현기반으로Vue2vuex전역 상태 관리vue-router스파 탐색 구현동적 라우팅 테이블UI 레이아웃 및 일부 기능 구성 요소 사용element-ui대부분의 데이터 사용 Mock.js시뮬레이션시뮬레이션 을 사용 Axios하여 배경과 상호 작용비동기 프로그래밍의 도입rxjs프로젝트 초기화 에 사용 Vue-cli되는 webpack템플릿 (환경 구성)렌더링추신: 이 프로젝트의 모든 데이터는 백엔드에 연결되지 않고 시뮬레이션되었으며 상호 작용의 일부 세부 사항은 고려되지 않을 수 있습니다.

사진

pdf file signature - open source

PDF-OEditor.js📑 HTML5 Javascript Online Offline Browser Editor 📜 for PDF files for insert sign, images, photos, comments or annotations.I dont found a free or open source solution at 2021 for make annotations on PDF files on the browser, for an Angular project, so, we need to build one with libraries and projects that i found.Ranking of Open Source PDF Online Editors 2021-02-01: OPEN-SOURCE-PDF-ONLINE-EDITORS.xlsx  Technology and Frameworks UsedMicrosoft Asp.Net 5 CoreMicrosoft Internet Server IIS 10Microsoft Visual Studio 2019JavascriptLibrariesPDF.js A Mozilla general-purpose, web standards-based platform for parsing and rendering PDFs.pdf-lib Create and modify PDF documents in any JavaScript environment.download.js File downloading using client-side javascriptMain Features Load PDF file server side or client side. Save PDF file as original PDF, not as image (print or render), as many JS editor... Insert image. Insert sign. Insert annotation.Philosophy of Javier CañonKISS by design and programming. An acronym for "keep it simple, stupid" or "keep it stupid simple", is a design principle. The KISS principle states that most systems work best if they are kept simple rather than made complicated; therefore, simplicity should be a key goal in design, and unnecessary complexity should be avoided. Variations on the phrase include: "Keep it simple, silly", "keep it short and simple", "keep it simple and straightforward", "keep it small and simple", or "keep it stupid simple".Select the best tools for the job, use tools that take less time to finish the job.Productivity over complexity and avoid unnecessary complexity for elegant or beauty code.Computers are machines, more powerful every year, give them hard work, concentrate on being productive.Often people, especially computer engineers, focus on the machines. They think, "By doing this, the machine will run fast. By doing this, the machine will run more effectively. By doing this, the machine will something, something, something..." They are focusing on machines. But in fact we need to focus on humans, on how humans care about doing programming or operating the application of the machines. We are the masters. They are the slaves. [Yukihiro Matsumoto].Supported by, thanks toSoftcanonLicenseThis project is licensed under the MIT LICENSE - see the LICENSE.md file for details.

사진

Vue-pdf-editor - signature

Vue-pdf-editorThis is a vue equivalent of Svelte PDF-editor. Thanks to ShizukuIchi for making this project as an inspiration.