"오픈소스"의 두 판 사이의 차이

2023년 5월 9일 (화) 18:42 판

오픈소스(open source)란 소프트웨어의 소스코드(source code)를 누구나 열람하고 수정할 수 있도록 공개한 것을 말한다. 대체로 무료로 배포된다. 오픈소스 소프트웨어(Open Source Software, OSS)라고도 한다. 오픈소스 기반의 운영체제(OS), 웹서버, DBMS, 플러그인, 프레임워크, 개발 툴, 웹브라우저, 테스트 툴 등 다양한 오픈소스 소프트웨어가 있다. 오픈소스 소프트웨어의 경우 소스 코드가 공개되어 있고, 통째로 복사하는 것이 허용되는 라이선스를 따르기 때문에, 원저작자의 허가 없이 포크(fork)를 통한 새로운 소프트웨어 개발이 가능하다.

종류

운영체제

유닉스(UNIX) : 1969년 미국 AT&T의 벨 연구소에 근무하던 켄 톰슨과 데니스 리치가 개발한 오픈소스 기반의 운영체제이다. 유닉스를 기반으로 리눅스, AIX, BSD, 솔라리스, 안드로이드, iOS 등 다양한 운영체제가 개발되었다.
지엔유(GNU) : 미국 리처드 스톨만이 유닉스 운영체제의 상용화에 반대하면서 만든 오픈소스 기반의 무료 공개 운영체제이다. GNU 운영체제를 기반으로 GPL, LGPL, GFDL 등 다양한 저작권 유형을 만들었다.
안드로이드(Android) : 2003년 앤디 루빈이 만든 오픈소스 운영체제이다. 2005년 구글이 인수하여 전 세계에 무료로 보급하였다. 삼성전자㈜, LG, 화웨이, 샤오미 등 전 세계 스마트폰의 운영체제로 사용되고 있다.
타이젠(Tizen) : 삼성전자㈜와 인텔 등이 주도하여 구글의 안드로이드와 애플의 iOS에 대항하기 위해 만든 오픈소스 기반의 운영체제이다. 리눅스를 기반으로 개발했고, 삼성전자㈜의 스마트폰, 스마트 카메라, 스마트워치, 스마트 TV 등에 사용되고 있다.
리눅스(Linux) : 기존의 유닉스(Unix) 운영체제를 소형화하여 PC와 서버컴퓨터 등에서 사용하기 위해 만든 운영체제이다. 오픈소스 기반의 무료 소프트웨어이다.
페도라(Fedora) : 오픈소스 기반의 리눅스 운영체제이다. 페도라를 기반으로 레드햇 리눅스가 개발되었다.
레드햇 리눅스(RHEL) : 미국 레드햇이 만든 기업용 리눅스 운영체제이다. 무료 오픈소스이지만 기술지원은 유료로 제공되고 있다.
센트오에스(CentOS) : 레드햇 리눅스(RHEL)와 호환되는 오픈소스 기반의 무료 운영체제이다. '센토스'라고 읽기도 한다. 레드햇 리눅스를 포크하여 Red Hat 상표만 삭제하고 다시 컴파일하여 만든 리눅스 제품으로서, 레드햇 리눅스와 사실상 동일하게 작동한다. 다만 미국 레드햇 회사의 유료 기술지원을 받을 수 없다.
데비안(Debian) : 이안 머독이 개발한 오픈소스 기반의 리눅스 운영체제이다. 데비안을 기반으로 우분투가 개발되었다.
우분투(Ubuntu) : 남아프리카공화국 출신의 영국인인 마크 셔틀워스가 개발한 오픈소스 기반의 리눅스 운영체제이다. 우분투는 남아프리카의 반투어로 "네가 있기에 내가 있다"는 뜻으로서 '다른 사람에 대한 인간적 배려'를 의미한다. 기존의 데비안을 포크하여 개발했다.
비에스디(BSD) : 1977년 미국 버클리 대학교의 빌 조이가 주도하여 개발한 오픈소스 기반의 운영체제이다. 유닉스를 기반으로 개발했다.
프리비에스디(FreeBSD) : 미국 버클리 대학교에서 개발한 BSD 계열의 오픈소스 운영체제이다.

웹서버

아파치(Apache) : 리눅스 기반의 무료 오픈소스 웹서버 프로그램이다. 아파치재단에서 관리하고 있다.
엔진엑스(Nginx) : 2004년 러시아의 이고르 시셰프(Игорь Сысоев, 영어: Igor Sysoev)가 개발한 무료 오픈소스 웹서버 프로그램이다. 2011년 엔진엑스 회사를 설립하여 유료 기술지원을 하고 있다.

웹 애플리케이션 서버

톰캣(Tomcat) : 오픈소스 기반의 웹 애플리케이션 서버(WAS) 소프트웨어이다. 아파치재단이 관리하고 있다. 영어로 'tomcat'이란 수고양이를 의미한다.
제이보스(JBoss) : 자바를 기반으로 하는 오픈소스 웹 애플리케이션 서버(WAS) 소프트웨어이다. 미국 레드햇이 관리하고 있다. 2014년 11월 와일드플라이(WildFly)로 이름을 변경했다.
레진(Resin) : 미국 카우초(Caucho) 회사가 개발한 윈도우용 오픈소스 웹 애플리케이션 서버(WAS) 소프트웨어이다.

데이터베이스 관리 시스템

마이에스큐엘(MySQL) : 오픈소스 기반의 관계형 데이터베이스 관리 시스템(RDBMS)이다. 1995년 몬티 와이드니어스(Monty Widenius)가 개발했다. '마이'(My)는 그의 큰 딸 이름이다.
마리아디비(MariaDB) : 기존의 마이에스큐엘(MySQL) 5 버전을 포크하여 만든, 오픈소스 기반의 관계형 데이터베이스 관리 시스템(RDBMS)이다. MySQL을 개발했던 몬티 와이드니어스(Monty Widenius)가 개발했다. '마리아'(Maria)는 그의 둘째 딸 이름이다.
큐브리드(Cubrid) : 한국의 ㈜큐브리드가 개발한 오픈소스 기반의 관계형 데이터베이스 관리 시스템(RDBMS)이다. 2006년 ㈜큐브리드가 개발했고, 2008년 네이버㈜의 계열사로 편입되었다. 2010년 ㈜큐브리드가 분사하여 기술지원을 맡고 있다.
포스트그레스큐엘(PostgreSQL) : 오픈소스 기반의 객체-관계형 데이터베이스 관리 시스템(RDBMS)이다. 포스트그레 에스큐엘이라고도 한다. 1982년 미국 버클리대학교 학생들이 개발한 인그레스(Ingres)를 개선한 제품이다.
파이어버드(Firebird) : 인터베이스(Interbase)를 기반으로 만들어진 오픈소스 관계형 데이터베이스 관리 시스템(RDBMS)이다. 파이어버드의 로고는 '불새'이다.
몽고디비(MongoDB) : 빅데이터와 같은 비정형 데이터를 분석하기 위해 사용하는 오픈소스 기반의 데이터베이스 관리 시스템(DBMS)이다.
에이치베이스(HBase) : 하둡(Hadoop) 플랫폼을 위한 오픈소스 기반의 비관계형 분산 데이터베이스 관리 시스템(DBMS)이다. 구글의 빅테이블을 참고하여 자바로 개발했다. 아파치재단이 관리하고 있다.
카산드라(Cassandra) : 빅데이터 등 비정형 데이터를 처리하기 위한 오픈소스 기반의 비관계형 분산 데이터베이스 관리 시스템(DBMS)이다. 페이스북이 처음 개발했고, 아파치재단에서 관리하고 있다.
레디스(Redis) : Remote Dictionary Server의 약자로서, "키-값" 구조의 비정형 데이터를 저장하고 관리하기 위한 오픈소스 기반의 비관계형 데이터베이스 관리 시스템(DBMS)이다. 2009년 살바토르 산필리포(Salvatore Sanfilippo)가 처음 개발했다. 모든 데이터를 메모리로 불러와서 처리하는 메모리 기반 DBMS이다. BSD 라이선스를 따른다.

웹브라우저

파이어폭스(FireFox) : 2002년 모질라재단이 개발한 오픈소스 기반의 웹브라우저이다. 마이크로소프트의 인터넷 익스플로러(Internet Explorer)에 대항하기 위해 기존의 넷스케이프 내비게이터를 계승하여 만들었다.

표준 프레임워크

스프링(Spring) : 자바 언어를 사용하여 응용 프로그램을 개발하기 위해 사용하는 오픈소스 기반의 표준 프레임워크이다. 아파치재단이 관리하고 있다.
스트럿츠(Struts) : 자바 언어를 사용하여 응용 프로그램을 개발하기 위해 사용하는 오픈소스 기반의 표준 프레임워크이다. 크레이그 맥클라나한(Craig McClanahan)이 처음 개발했고, 2000년 5월 아파치재단에 이관되었다.
전자정부 표준 프레임워크(eGovFrame) : 대한민국 정부가 공공기관 시스템 개발에 공동으로 사용할 목적으로 개발한 오픈소스 기반의 표준 프레임워크이다. 기존의 스프링 프레임워크와 아이바티스(iBatis) 프레임워크를 활용하여 개발했다. 아파치 라이선스로 배포하고 있다.
아이바티스(iBatis) : 자바로 개발한 응용 프로그램을 SQL로 개발한 데이터베이스와 연결시켜 주는 역할을 하는 오픈소스 기반의 표준 프레임워크이다. 아파치재단이 개발했다.
마이바티스(MyBatis) : 2010년 기존의 아이바티스(iBatis)를 포크하여 새로 업그레이드한 오픈소스 기반의 표준 프레임워크이다. 아파치 라이선스를 따른다.
하이버네이트(Hibernate) : 객체 지향 언어인 자바의 클래스 파일을 관계형 데이터베이스의 테이블에 매핑해 주는 오픈소스 기반의 표준 프레임워크이다. 2001년 개빈 킹(Gavin King)이 개발했다.
에이에스피닷넷(ASP.NET) : 동적 웹 페이지를 개발하기 위해 사용하는 오픈소스 기반의 웹 프로그램 개발 표준 프레임워크이다. 미국 마이크로소프트가 기존 ASP 기술을 계승하여 개발했다.
노드제이에스(node.js) : 자바스크립트(JavaScript) 언어를 사용하여 서버 측 응용 프로그램을 개발할 수 있는 오픈소스 기반의 I/O 프레임워크이다. 2009년 라이언 달(Ryan Dahl)이 개발했다. 기존의 자바스크립트는 프런트 엔드 개발에 주로 사용되었으나, node.js의 출현으로 자바스크립트를 이용하여 서버 측의 백 엔드까지 개발할 수 있게 되었다.
앵귤러제이에스(AngularJS) : 구글이 관리하는 오픈소스 기반의 웹 어플리케이션 프레임워크이다.
하둡(Hadoop) : 여러 개의 저렴한 컴퓨터를 마치 하나인 것처럼 묶어 대용량 데이터를 처리하는 오픈소스 소프트웨어 프레임워크이다. 주로 빅데이터 처리에 사용된다. 아파치재단에서 관리하고 있다.
스파크(Spark) : 오픈소스 기반의 클러스터 컴퓨팅 프레임워크이다. 2009년 미국 UC 버클리대학교의 대학원생인 마테이 자하리아(Matei Zaharia)가 개발했다. 영어로 spark는 불꽃이 튀기는 것을 말하는데, 대용량 데이터를 마치 불꽃이 튀기는 것처럼 순식간에 처리한다는 것을 강조하기 위해 붙인 이름이다. 2010년 BSD 라이선스로 공개했고, 2013년 아파치재단에 넘겨서 아파치 라이선스로 변경되었다.
아두이노(Arduino) : 사물인터넷(IoT) 기기를 만들기 위하여 사용하는 오픈소스 기반의 컴퓨팅 플랫폼을 말한다. C, C++ 등 다양한 언어를 사용하여 원하는 동작을 하도록 코딩을 한 후 기계어로 컴파일하여 마이크로컨트롤러(microcontroller) 보드에 업로드하면, 아두이노가 작동한다.

콘텐츠 관리 시스템

워드프레스(WordPress) : PHP 언어와 마이에스큐엘(MySQL) 기반의 오픈소스 콘텐츠 관리 시스템(CMS)이다. 2003년 미국의 맷 멀런웨그(Matt Mullenweg)가 개발했다.
드루팔(Drupal) : PHP 언어로 개발된 오픈소스 기반의 콘텐츠 관리 시스템(CMS)이다. 워드프레스가 사용자 중심으로 쉽고 편리한 기능을 빠르게 구현하는 것에 중점을 둔 반면, 드루팔은 개발자 중심으로 복잡한 기능을 모두 구현할 수 있다는 특징이 있다.
줌라(Joomla) : PHP와 마이에스큐엘(MySQL)로 만들어진 오픈소스 기반의 콘텐츠 관리 시스템(CMS)이다.
무들(Moodle) : 오픈소스 기반의 학습 관리 시스템(LMS)이다. 어떤 주제에 대한 웹 기반 강좌를 생성하고 학생을 초대할 수 있도록 하는 공개형 무료 LMS 솔루션이다.

위키

미디어위키(MediaWiki) : 인터넷 백과사전인 위키피디아에 사용된 오픈소스 기반의 위키 소프트웨어이다. PHP와 마이에스큐엘(MySQL)을 사용하고 GNU GPL 라이선스로 배포된다.^[1]
도쿠위키(DokuWiki) : 안드레아스 고르(Andreas Gohr)가 개발한 오픈소스 기반의 위키 소프트웨어이다. PHP 언어를 사용하고, 별도의 DBMS를 사용하지 않고, 파일 형식으로 콘텐츠를 저장한다.

개발 도구

이클립스(Eclipse) : 자바 컴파일러를 내장하고 있는 오픈소스 편집기(editor) 겸 통합 개발 환경(IDE)이다. 2001년 IBM이 개발하였고, 2004년 이클립스재단이 설립되어 오픈소스 프로젝트로 발전시켜 나가고 있다.
부트스트랩(Bootstrap) : 동적 웹사이트를 제작하기 위한 HTML 및 CSS 기반의 오픈소스 라이브러리이다. 서버 측이 아니라 클라이언트 측에서 작동하는 프런트 엔드(front end) 웹 프레임워크이다. 2011년 트위터 개발자인 마크 오토(Mark Otto)와 제이콥 쏜튼(Jacob Thornton)이 처음 개발했다.
에밋(Emmet) : HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 오픈소스 플러그인이다. 원래 젠코딩(Zen Coding)으로 부르다가 에밋으로 이름을 변경했다. 매우 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 준다. MIT 라이선스를 따른다.
루신(Lucene) : 1999년 더그 커팅(Doug Cutting)이 개발한 오픈소스 기반의 정보 검색 소프트웨어 라이브러리이다. 2001년 아파치재단에 이관되었다.
피에이치피 마이 어드민(phpMyAdmin) : 웹브라우저를 이용하여 마이에스큐엘(MySQL)이나 마리아디비(MariaDB)를 관리하기 위해 사용하는 오픈소스 기반의 데이터베이스 관리 도구이다.
탈렌드(Talend) : 미국 탈렌드(Talend) 회사가 개발한 오픈소스 기반의 데이터 통합(DI) 및 ETL 솔루션이다. 2006년 개발되었고, 아파치 라이선스로 배포되고 있다. 주요 기능은 데이터 마이그레이션, ETL, 빅데이터 분석 등이다.
텐서플로(TensorFlow) : 구글이 개발한 오픈소스 기반의 인공지능(AI) 개발 소프트웨어이다. C++ 언어로 개발되었고, 파이썬 응용 프로그래밍 API를 제공한다. 2015년 아파치 라이선스로 공개되었다.
오픈스택(OpenStack) : 오픈소스 기반의 클라우드 컴퓨팅 프로젝트이다. 일반적인 서버에서 클라우드 컴퓨팅 서비스를 생성하고 실행할 수 있게 해 준다. 아파치 라이선스로 배포되고 있다. 2010년 미국 항공우주국(NASA)과 랙스페이스 호스팅(Rackspace Hosting) 회사가 공동 개발했다. 2012년 오픈스택재단이 설립되어 관리하고 있다.
깃허브(GitHub) : 소프트웨어 분산 버전 관리(DVC) 툴인 깃(Git)을 사용하는 프로젝트를 지원하기 위한 웹호스팅 서비스이다. 깃허브는 전 세계 최대 규모의 오픈소스 공유 사이트 겸 개발자 커뮤니티로 성장했다. 루비(Ruby) 언어를 사용하여 개발했다.

테스트 툴

제이미터(JMeter) : 아파치재단에서 만든 공개형 웹 서비스 부하 테스트 도구이다. 웹 애플리케이션 등 다양한 서비스의 성능을 분석하고 측정하기 위한 GUI 기반의 오픈소스 테스트 도구이다.
버그질라(Bugzilla) : 1998년 테리 와이스만(Terry Weissman)이 개발한 오픈소스 기반의 버그 추적 및 테스트 프로그램이다. 모질라재단에서 관리하고 있다.
소나큐브(SonarQube) : 프로그램 코드의 품질을 체크해 주는 오픈소스 툴이다. 이클립스(Eclipse)에서 사용할 수 있는 SonarQube 플러그인이 무료로 제공되고 있다.
엔그라인더(nGrinder) : 2011년 네이버㈜가 개발한 오픈소스 기반의 시스템 성능 테스트 툴이다.

웹취약점 점검 툴

잽(ZAP) : Zed Attack Proxy의 약자로서, OWASP가 만든 오픈소스 기반의 웹취약점 점검 툴이다. 정식 이름은 OWASP ZAP이다. 자바 언어로 개발되었고, 리눅스, 윈도우, 오에스텐 등 다양한 운영체제(OS)에서 작동한다. 플러그인 방식으로 다양한 기능을 추가할 수 있다. 전 세계 25개 언어로 번역되어 있다.
야스카(Yasca) : 웹 보안 취약점 점검을 위해 무료로 사용할 수 있는 소스 코드 진단 도구이다. Yasca는 Yet Another Source Code Analyzer의 약자이다. 2007년 마이클 스코베타(Michael Scovetta)가 개발했다.
파인드벅스(FindBugs) : 자바 프로그램의 버그를 찾아주는 오픈소스 기반의 코드 분석기이다. 자바의 소스 코드가 아니라 바이트코드(bytecode)를 분석하여 버그 패턴을 탐지한다. 단독 실행형도 있고, 이클립스(Eclipse)나 젠킨스(Jenkins) 등에 플러그인 방식으로 삽입하여 사용하는 것도 있다.
피엠디(PMD) : 자바 프로그램의 오류나 비효율적인 코드를 찾아주는 소스 코드 분석기이다. 기본적으로 제공되는 탐색 규칙 이외에 사용자가 직접 원하는 규칙을 정하여 자바 소스 코드의 오류나 비효율적인 부분을 찾아낼 수 있다. 공식적으로는 어떤 것의 약자도 아니지만, 비공식적으로는 Programming Mistake Detector의 약자로 알려져 있다. 아파치 라이선스 등을 따르는 오픈소스 무료 소프트웨어이다.

암호화폐

비트코인(bitcoin) : 2009년 사토시 나카모토가 개발한 세계 최초의 암호화폐이다. C++ 언어로 작성한 비트코인 프로그램 소스를 오픈했다.
이더리움(ethereum) : 2015년 비탈릭 부테린이 스마트 계약 및 탈중앙 플랫폼을 위해 오픈소스로 개발한 암호화폐이다.

각주

↑ 〈미디어위키〉, 《위키백과》

<!DOCTYPE html><html lang="ko"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body>

 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">                                     
 <title>(주)호원</title>                                                                          
 <style type="text/css" media="print">
 	@page                                     
 	{                                         
     	size:    auto;                        
    	 margin: 19mm 19mm 19mm 19mm;                    
 	}                                         
 	body, html                                
 	{                                         
     	padding: 0;                           
     	margin: 0;                            
 	}                                         
 	tr {	
 	page-break-inside: avoid; 
 	} 
 </style>                                  
                                           
 <style>                                   
 td {                                      
     	  box-sizing: content-box;   
  }	                                       
 	* {                                       
     	word-break: break-all;               
 	}                                         
 </style>                                  
                                                                                                  
                                                                                                   
 <script type="text/javascript" src="/style/js/jquery-2.1.1.min.js"></script>

기 안 지 (PLANNING SHEET)

(주)호원

양산품질1팀-0484호

기안부서

양산품질1팀

책임매니저
양산품질1팀
최호성
승인
10/25 13:34

1공장 공장장
제조1_3공장
양정운
승인
10/25 13:58

생산본부장
생산본부
신동기
승인
10/26 16:26

부회장
(주)호원
신현주
승인
10/27 08:38

회장
(주)호원
양진석
승인
10/27 08:44

기안일

2022-10-25

기안자

윤정섭

보존년한

영구

합의부서 / 수신부서

실장
원가관리실
최준혁
승인(합의)
10/26 07:40
실장
재무관리실
김동인
승인(합의)
10/26 13:42
경영지원본부장
경영지원본부
윤창권
승인(합의)
10/26 14:04
실장
전략기획실
양승빈
승인(합의)
10/30 09:14

원가관리실, 재무관리실, 경영지원본부, 전략기획실 /

열 람

김재원 (양산품질1팀), 김운태 (원가지원팀), 김민영 (원가지원팀), 나재선 (원가지원팀), 허지희 (품질보증팀), 배상현 (재무경영팀)

제 목

SP2 PE차종 양산 설계 변경 관련 F/APRON 검사구(I/F & C/F) 수정 품의의 件

SP2 PE차종 양산 설계 변경 관련

F/APRON 검사구 수정(I/F & C/F) 업체 제작 비용 지급을

아래와 같이 품의 하오니,

검토 후 재가 바랍니다.

- 아 래 -

1. 수정 내용 : SP2 PE차종 양산 설계 변경에 따른 F/APRON 검사구 수정 (I/F : 1SET, C/F : 4SET)

└ 광주조립1부 베터리 트레이 작업성 개선

1) 수정 일정

2) 부품 현황

2. 투자 내용 : I/F &

C/F

KMC 예상가 6,210천원

3. 투자비 종합 현황

(단위 : 천원)

4. 지급조건

(단위 : 천원)

※ 유첨 : SP2 PE차종 검사구 수정 보고서 - 1부

     <a title="행 추가" class="btn_form_plus" id="_btnPlus" style='display: none; background-image: url("http://ngw.howon.com/style/img/btn.png");' href="javascript:void(0);">행 추가</a>    
     <a title="행 삭제" class="btn_form_minus" id="_btnMinus_" style='display: none; background-image: url("http://ngw.howon.com/style/img/btn.png");' href="javascript:void(0);">행 삭제</a>

var load = $load("script") 
 load.script("http://ngw.howon.com/style/js/html2canvas.js", function(){ 
	load.script("http://ngw.howon.com/style/js/bluebird.js", function(){ 
   var $body$ = $("body");

    var setUserForm = $(".formrit"); 
var formIframe = $(parent.document).find('iframe[id$=Iframe]'); 
var datepickers =[]; 
var headrs = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','AA','AB','AC','AD','AE','AF','AG','AH','AI','AJ','AK','AL','AM','AN','AO','AP','AQ','AR','AS','AT','AU','AV','AW','AX','AY','AZ','BA','BB','BC','BD','BE','BF','BG','BH','BI','BJ','BK','BL','BM','BN','BO','BP','BQ','BR','BS','BT','BU','BV','BW','BX','BY','BZ','CA','CB','CC','CD','CE','CF','CG','CH','CI','CJ','CK','CL','CM','CN','CO','CP','CQ','CR','CS','CT','CU','CV','CW','CX','CY','CZ','DA','DB','DC','DD','DE','DF','DG','DH','DI','DJ','DK','DL','DM','DN','DO','DP','DQ','DR','DS','DT','DU','DV','DW','DX','DY','DZ','EA','EB','EC','ED','EE','EF','EG','EH','EI','EJ','EK','EL','EM','EN','EO','EP','EQ','ER','ES','ET','EU','EV','EW','EX','EY','EZ','FA','FB','FC','FD','FE','FF','FG','FH','FI','FJ','FK','FL','FM','FN','FO','FP','FQ','FR','FS','FT','FU','FV','FW','FX','FY','FZ','GA','GB','GC','GD','GE','GF','GG','GH','GI','GJ','GK','GL','GM','GN','GO','GP','GQ','GR','GS','GT','GU','GV','GW','GX','GY','GZ']; 
formIframe.height(setUserForm.height()); 

var filter = "win16|win32|win64|mac"; 
	if(navigator.platform){ 
		if(0 > filter.indexOf(navigator.platform.toLowerCase())){ 
			formIframe.width(setUserForm.width()); 
		} 
	} 
	function hasClass(el, name) { 
		return new RegExp('(\s|^)'+name+'(\s|$)').test(el.className);  
	} 
	function getElementHeight(el) { 
		el = (typeof el === 'string') ? document.querySelector(el) : el; 
		var styles = window.getComputedStyle(el); 
		var margin = parseFloat(styles['marginTop']) + parseFloat(styles['marginBottom']); 
		return Math.ceil(el.offsetHeight + margin); 
	} 
	 
	function resizeApprovalPage () { 
		 
		var px_1 = 3.779527559; 
		var formDesignPagePaddingTop			= 19;// 5 mm 
		var formDesignPagePaddingBottom			= 19;// 5 mm 
		var formrit = document.getElementsByClassName("formrit"); 
		 
		for (var i = 0; i < formrit.length; i++) { 
			var fixedFooter = formrit[i].getElementsByClassName('fixedFooter'); 
			if (fixedFooter.length > 0) { 
				var ie9 = hasClass(document.getElementsByTagName('html')[0], 'ie9'); 
				var landscape = hasClass(formrit[i], 'landscape'); 
				var setBorder = hasClass(formrit[i], 'setBorder'); 
				var addRow = formrit[i].getElementsByClassName('addRow')[0]; 
				addRow.style.height = '0px'; 
				var addRowPrev = addRow.previousElementSibling; 
				/* 
				var prevFirst = addRowPrev.querySelector('td:first-child'); 
				var prevLast = addRowPrev.querySelector('td:last-child'); 
				 
				var borderLeftWidth = parseInt(prevFirst.style.borderLeftWidth); 
				var borderLeftStyle = prevFirst.style.borderLeftStyle; 
				var borderLeftColor = prevFirst.style.borderLeftColor; 
				var borderRightWidth = parseInt(prevLast.style.borderRightWidth); 
				var borderRightStyle = prevLast.style.borderRightStyle; 
				var borderRightColor = prevLast.style.borderRightColor; 
				 
				if (borderLeftWidth > 0 && borderRightWidth > 0) { 
					var addRowTd = addRow.querySelector('td'); 
					addRowTd.style.borderLeft = borderLeftWidth + 'px ' + borderLeftStyle + ' ' + borderLeftColor; 
					addRowTd.style.borderRight = borderRightWidth + 'px ' + borderRightStyle + ' ' + borderRightColor; 
					//addRowTd.style.borderBottom = borderRightWidth + 'px ' + borderRightStyle + ' ' + borderRightColor; 
								 
					var prevTd = addRowPrev.querySelectorAll('td'); 
					var prevTdLength = prevTd.length; 
					//for (var k = 0; k < prevTdLength; k++) { 
					//	prevTd[k].style.borderBottom = '0px'; 
					//} 
				} 
				*/ 
				 
				var pagePaddingTop = Math.round(formDesignPagePaddingTop * px_1) - 72; 
				var pagePaddingBottom = Math.round(formDesignPagePaddingBottom * px_1) - 72; 
				var minHeight = 1042 - pagePaddingTop - pagePaddingBottom - 1; 
				if (setBorder == true) {// table 전체에 border 라인 그릴때 버그처리 
					minHeight = 1040 - pagePaddingTop - pagePaddingBottom; 
				} 
				if (landscape == true) { 
					minHeight = 652 - pagePaddingTop - pagePaddingBottom; 
					if (setBorder == true) {// table 전체에 border 라인 그릴때 버그처리 
						minHeight = 650 - pagePaddingTop - pagePaddingBottom; 
					} 
				} 
				 
				addRow.style.minHeight = '0px'; 
				addRow.style.display = 'table-row'; 
				if (getElementHeight(formrit[i]) && addRow) { 
					if (getElementHeight(formrit[i]) < minHeight) { 
						minHeight = minHeight - getElementHeight(formrit[i]); 
						addRow.style.height = minHeight + 'px'; 
					} 
				} 
			} 
		} 
		formIframe.height(setUserForm.height()); 
	} 

function getSumrySum(oval){  
	var val = 0;  
	oval && oval.each(function(){  
 																						
  if(this.value && ('-' == this.value[(this.value.length-1)])){		
  	this.value = this.value.replace(/-/g,);								
  };																					
  																					
		val += ~~(this.value && this.value.replace(/,/g,));  
	});  
  
	return val;  
}  
  
function isDisplay(ix, ele){ return !($(ele).css('display') === 'none'); }  
function drawSumryMath(td, val){  
	$('td[data-header]').filter(isDisplay).find('span[name=_SUMRY_]').each(function(){  
		var	self = $(this),  
			data = self.data('value'),  
			val = 0,  
			len = 0,  
			matchs = /([a-zA-Z]+)\s*\(\s*([a-zA-Z]+)([0-9]+)\s*([:,])\s*([a-zA-Z]+)([0-9]+)\s*\)/.exec(data),  
			dest, salpa, ealpa, srow, erow, operat;  
  
		if(matchs && matchs.length === 7) {  
			salpa = matchs[2].toUpperCase();  
			ealpa = matchs[5].toUpperCase();  
			srow = ~~matchs[3];  
			erow = ~~matchs[6];  
			operat = matchs[1].toUpperCase();  
  
			if(matchs[4] === ':') {  
				var	sidx = headrs.indexOf(salpa),  
					lidx = headrs.indexOf(ealpa);  
  
				for(; lidx >= sidx ;sidx++) {  
					for(var i = srow; erow >= i ; i++){  
						dest = $('td[data-header='+headrs[sidx]+'][data-row='+i+']').filter(isDisplay).find('[data-sumry-assign=true]');  
						val += getSumrySum(dest);  
						len += dest.length;  
					}  
				}  
			} else {  
				var dest2 = $('td[data-header='+ealpa+'][data-row='+erow+']').filter(isDisplay).find('[data-sumry-assign=true]');  
				dest = $('td[data-header='+salpa+'][data-row='+srow+']').filter(isDisplay).find('[data-sumry-assign=true]');  
  
				val += getSumrySum(dest);  
				val += getSumrySum(dest2);  
				len = dest.length + dest2.length;  
			}  
  
			switch(operat){  
				case 'AVERAGE' :  
					val = val/len;  
					break;  
			}  
		}else{  
			debugger;  
			matchs = /([a-zA-Z]+)([0-9]+)\s*([\+\-\*\/\%])\s*([a-zA-Z]+)([0-9]+)/.exec(data);  
  
			if(matchs && matchs.length === 6) {  
				salpa = matchs[1].toUpperCase(),  
					ealpa = matchs[4].toUpperCase(),  
					srow = ~~matchs[2],  
					erow = ~~matchs[5],  
					operat = matchs[3];  
  
				var dest2 = $('td[data-header='+ealpa+'][data-row='+erow+']').filter(isDisplay).find('[data-sumry-assign=true]');  
				dest = $('td[data-header='+salpa+'][data-row='+srow+']').filter(isDisplay).find('[data-sumry-assign=true]');  
  
				switch(operat){  
					case '+' :  
						val = getSumrySum(dest) + getSumrySum(dest2);  
						break;  
					case '-' :  
						val = getSumrySum(dest) - getSumrySum(dest2);  
						break;  
					case '*' :  
						val = getSumrySum(dest) * getSumrySum(dest2);  
						break;  
					case '%' :  
						val = getSumrySum(dest) % getSumrySum(dest2);  
						break;  
					case '/' :  
						val = getSumrySum(dest) / getSumrySum(dest2);  
						break;  
				}  
			}  
		}  
  
		self.html(Number.toThousandComma(~~val+))  
	})  
}

window.numberKeyUp = function (evt){ var varl = evt.currentTarget.value, self = $(evt.currentTarget); if(self.data('sumryAssign')){ drawSumryMath(self.closest("td[data-header]"), varl); } if(varl !== && !(evt.keyCode >=37 && evt.keyCode<=40)){ varl = varl.replace(/[^a-z0-9.-]/gi,)

 			evt.currentTarget.value = Number.toThousandComma(varl)

} return false; };

	function setRow () { 
		 
		formIframe.height(setUserForm.height());// iframe 사이즈를 양식 사이즈로 맞춤 
		 
		 $('.form_wrap').find('.timepicker .setting').removeClass('active');//view에서 timepicker안에 setting부분 active 지우기
		 
		 
		 
		// $('.editorWrap').css({ 'padding' : '0 15px 0' });// ----> 필요없음 
      $('.editorWrap').addClass('editor_orderlist_reset');// 2021.02.15 추가 
		 
		/* 
		if ($('.editorWrap').find('img').length > 0) { 
			var resizeCount = 0; 
			var resizeApprovalPageInterval = setInterval(function(){ 
				resizeApprovalPage(); 
				if (resizeCount == 5) { 
					clearInterval(resizeApprovalPageInterval); 
				} 
				resizeCount++; 
			}, 500); 
		} 
		*/ 
		// resizeApprovalPage(); // ---> A4 사이즈 맞추기 위한 함수 
		 
		// $('.btn_form_plus, .btn_form_minus').hide();// 반복 버튼 감추기 
	} 

	function setEdit () { 
		setDatepickerUseYnToday ( 
			datepickers 
		); 
		setIframeResizeHeight(); 
	} 
	 
	// Datepicker 적용시 오늘날짜(new Date()) 적용 유무 체크 
	// 기본으로 new Date 적용시 임시저장이나 문서 변경이 되면 오늘날짜로만 나오기 때문에 적용되었음 
	function setDatepickerUseYnToday (dataArr) { 
		var dataArrLength = dataArr.length; 
		debugger; 
		var linkData = $('#_LINK_DATA_'); 
		var data =  linkData.text() && JSON.parse(linkData.text()) || {}; 
		for (var i = 0; i < dataArrLength; i++) { 
			var calenderId = dataArr[i].calender; 
			var newDateUseYn = dataArr[i].newDate; 
			if (newDateUseYn == true) { 
				var ldata = data[calenderId.substring(1)]; 
				if(ldata){
					setDatepicker (calenderId, !ldata.val); 
					continue; 
				} 
				var calenderTextId = calenderId + '_text'; 
				setDatepicker (calenderId, !$(calenderTextId).text().trim()); 
			} 
			else { 
				setDatepicker (calenderId) 
			} 
		} 
	} 
	// Datepicker 적용 : 오늘날짜(new Date()) 적용 유무 
	function setDatepicker (calenderId, useYnNewDate) { 
		if (useYnNewDate == true) { 
			$(calenderId).removeClass('hasDatepicker').datepicker({ 
				dateFormat: "yy-mm-dd", 
				changeMonth: true, 
				changeYear: true, 
				showMonthAfterYear: true 
			}) 
			.datepicker("setDate", new Date()) 
			.inputmask( 
				"yyyy-mm-dd",{ 
				clearIncomplete: true, 
				clearMaskOnLostFocus: true, 
				showMaskOnFocus: false, 
				showMaskOnHover: false, 
			}); 
		} 
		else { 
			$(calenderId).removeClass('hasDatepicker').datepicker({ 
				dateFormat: "yy-mm-dd", 
				changeMonth: true, 
				changeYear: true, 
				showMonthAfterYear: true 
			}) 
			.inputmask( 
				"yyyy-mm-dd",{ 
				clearIncomplete: true, 
				clearMaskOnLostFocus: true, 
				showMaskOnFocus: false, 
				showMaskOnHover: false, 
			}); 
		} 
	} 
	 
	function setIframeResizeHeight () { 
		var resizeCount = 0; 
		var iframeHeightInterval = setInterval(function(){ 
			formIframe.height(setUserForm.height()); 
			if (resizeCount == 5) { 
				clearInterval(iframeHeightInterval); 
			} 
			resizeCount++; 
		}, 500); 
		setUserForm.on('remove', function () { 
			clearInterval(iframeHeightInterval); 
		}); 
	} 
	setTimeout(function(){ 
		if ($('#eapApprEditFrame_formDiv').length > 0) {		// 작성 
			setEdit(); 
		} 
		else if ($('#eapApprViewIframe_documentPage').length > 0) {	// 조회 
			setRow(); 
		} 
		else if ($('#recApprViewIframe_documentPage').length > 0) {	// 기록물철 조회, 관련해서 다른 모듈로 등록되면 추가 되어야 함  
			setRow(); 
		} 
		else if ($('#eapFormManageFormMain_main').length > 0) {	// 양식편집-View 
			setRow(); 
		} 
		else {								// 프린트 - pc 저장일때에 대한 조건처리가 필요함 
			 showPrint(); 
		} 
	}, 1); 
	function showPrint(){ 
			setRow(); 
			if ($('.formrit').hasClass('callPrint') == true) {

if (navigator.userAgent.indexOf("Chrome") != -1 ) { if (window.navigator.userAgent.indexOf("Edge") > -1) {// console.log('window edge'); printCanvasImage(); } else {// console.log('Chrome'); setTimeout(function(){ // window.print(); }, 1100); } } else {// console.log('other browser'); printCanvasImage(); }

			}
	}

window.formBuildMethod = {

   setSelectedInfo	: function (data){
       console.log(data) 
   	var 	userParam = JSON.parse(data.userParams),

idLi = "#".concat(userParam.id),

   			trgtEmp =	{	type		:	"3",
      	        	                id			:  data.empId||data.deptId ,

value : data.empId||data.deptId, label : data.psnName||data.deptName }; var autoCompleteValues = []; autoCompleteValues.push(trgtEmp); console.log("autoCompleteValues", autoCompleteValues); $(idLi).setAutoCompleteValue(autoCompleteValues); $("#selectLayer").dialog("close"); } }

function printCanvasImage () { var printWidth = $('.form_wrap').outerWidth();

$('.form_wrap').wrap('

');

html2canvas(document.querySelector("#formWrap")).then(function(canvas) { //var tdLength = $('.form_wrap').find('td').length; //for (var i = 0; i < tdLength; i++ ) { // var td = $('.form_wrap').find('td:eq(' + i + ')'); // if (td.css('display') != 'none') { // console.log(td); // } //}

var sCallPrint = document.querySelector('.callPrint');

sCallPrint.innerHTML = '

';

setTimeout(function(){ // window.print(); }, 1000); }); }

 }) 
}) 
</script>

</body></html>

[1] 〈미디어위키〉, 《위키백과》

[1]

위키원

이름공간

변수

보기

더 보기

검색