전자정부 표준프레임워크9 Boot와 React를 사용한 Simple Homepage 템플릿 설치 (2/2) 전자정부 표준프레임워크 v4, Boot와 React를 사용하는 Simple Homepage 템플릿 두 번째 프론트엔드 부분을 설치해보겠습니다. 1. 필요사항 * git : 설치참조 - https://offbyone.tistory.com/440 * Node.js : 설치참조 - https://offbyone.tistory.com/441 * Visual Studio Code : 설치참조 - https://offbyone.tistory.com/435 2. 설치하기 - 명령창을 이용해서 프로젝트를 생성할 폴더(D:\workspace\vscode)로 이동합니다. 이 폴더 아래에 프로젝트 폴더가 생성됩니다. - git을 사용해서 프로젝트를 받습니다. egovframe-template-simple-react 폴더가 .. 2022. 4. 10. Boot와 React를 사용한 Simple Homepage 템플릿 설치 (1/2) 전자정부 표준프레임워크 v4에서 React를 사용한 템플릿이 추가되었네요. 어떤 모습인지 설치를 해보겠습니다. 테스트에 사용된 운영체제는 Windows 10입니다. React는 SPA(Single Page Application)을 만드는 프레임워크입니다. SPA는 일반적인 홈페이지와 다르게 페이지 전환이 없고, 하나의 페이지에서 모든 화면 구성요소를 자바스크립트로 만들어서 교체하는 방식으로 동작합니다. 페이지 전환이 일어나지 않으므로 화면에 표시할 데이터는 Ajax를 이용해 백엔드 서버와 주로 JSON 형식의 데이터를 주고 받습니다. SPA의 또하나의 특징으로는 사용자에게 보여지는 자바스크립트 프로그램을 사용자에게 보내주는 프론트엔드 서버와 사용자로부터 받은 데이터를 처리하는 백엔드 서버를 별도로 구성하.. 2022. 4. 9. 전자정부 표준프레임워크 - JUnit 4 Test Case 생성하기 전자정부 표준프레임워크 Portal 템플릿 사이트에 컨트롤러를 테스트하기 위한 테스트 케이스를 추가해 보겠습니다. 1. src/test/java 폴더에 테스트 케이스가 들어갈 패키지를 생성합니다. 이 예제에서는 com.tistory.pentode.test로 만들었습니다. 2. 위에서 만들 패키지에 마우스 오른쪽 키를 눌러 New -> JUnit Test Case를 실행합니다. 3. Junit Test Case 생성창에서 클래스명을 ControllerTest 라고 입력하고 Finish 버튼을 누릅니다. 4. JUnit 4 라이브러리를 build path 에 추가할지 물어 봅니다. "Perform the following action"을 선택해서 빌드 패스에 추가합니다. "OK" 버튼을 누릅니다. 5. po.. 2018. 4. 12. 전자정부 표준프레임워크 - Portal Site 로깅(log4j 2) 설정하기 테스트용 프로젝트의 설치는 "전자정부 표준프레임워크 - Portal Site(Oracle) 템플릿 프로젝트 설치" 를 참조 하세요. 로깅은 애플리케이션의 디버깅과 문제해결을 위한 필수적인 도구라고 생각됩니다. 물론 개발중의 디버깅에는 System.out.println이 더 효과적인 때도 있지만, 운영중인 애플리케이션의 문제점을 찾기위해서는 반드시 필요한 도구 입니다. 전자정부 표준프레임워크의 Portal Site 템플릿을 설치해서 이것 저것 테스트 해보고 있는 중인데, 이번에는 로깅 설정 부분을 보도록 하겠습니다. 전자정부 표준프레임워크 3.6 Portal Site 템플릿에는 log4j 2 버전과 SQL문장 로깅을 위한 log4jdbc가 들어 있습니다. 여기서 알아볼 설정 방법은 일반적인 스프링 프레임웍.. 2018. 4. 8. 전자정부 표준프레임워크 - Portal Site에 메뉴관리, 코드관리 추가하기 Portal Site 템플릿을 사용해서 사이트를 만들어 보고 있습니다. Portal Site 에는 메뉴관리와 코드관리가 없습니다. 각각 특성에 맞게 템플릿을 만들었겠지만, 메뉴 정보를 DB에서 가져오는데, 메뉴관리는 없는게 좀 불편해서 메뉴 관리를 넣는게 좋을것 같습니다. Enterprise Business 템플릿에 메뉴관리와 코드관리가 있어서 그것을 가져와서 넣어 보겠습니다. 메뉴에서 eGovFrame -> Start -> New Template Project를 선택하고, 템플릿 선택창에서 Enterprise Business 를 선택해서 설치하면 되겠습니다. 실행되게 설정할 필요는 없겠습니다. 필요한 파일들만 Portal Site 프로젝트로 옮길 것이기 때문입니다. 1. 프로그램목록과 메뉴 정보를 데이.. 2018. 4. 8. 전자정부 표준프레임워크 - CKEditor 적용하기 전자정부 표준크레임워크의 Portal Site 템플릿 프로젝트에 HTML 위지윅 에디터인 CKEditor 를 적용해 보겠습니다. Portal Site 템플릿을 설치하고 보니 에디터가 적용이 되어 있지 않았습니다. 공통컴포넌트 다운로드에서 에디터로 검색해서 다운 받은 것은 htmlarea 였습니다. 그래서 all in one 템플릿 프로젝트의 게시판에 적용되어 있던 CKEditor를 Portal Site 템플릿으로 옮겨보았습니다. 이 글에서는 Portal Site 템플릿의 자유게시판 글쓰기에 CKEditor를 적용합니다. 1. 사전에 필요한 것들 - Portal Site : "전자정부 표준프레임워크 - Portal Site(Oracle) 템플릿 프로젝트 설치" 를 참고하여 설치합니다. - All in on.. 2018. 4. 8. 전자정부 표준프레임워크 - Portal Site(Oracle) 템플릿 프로젝트 설치 앞서서 all in one 템플릿 프로젝트와 Simple Homepage 템플릿 프로젝트를 Oracle 데이터베이스와 연동하여 설치해 보았습니다. 이번에는 Portal Site 템플릿을 역시 Oracle 데이터베이스와 연동하여 설치해보겠습니다. Portal Site 템플릿 프로젝트에서 제공되는 기능은 다음과 같습니다. - 사용자관리 - 권한관리 - 포털 초기화면 관리 - 포털 공지사항 관리 - 포털 FAQ관리 - 포털 행사참가 관리 Simple Homepage를 사용해서 경량환경에서 분석을 시작해보려고 했는데 너무 기능이 없었습니다. 사용자 관리, 권한관리 같은 부분이 있다고 되어 있었으나 실제 설치를 해보니 없었습니다. 메뉴에 링크만 없고 실제는 있었을 수도 있지만 그것을 찾고 있을 수는 없어서 Por.. 2018. 4. 4. 전자정부 표준프레임워크 - Simple Homepage(Oracle) 템플릿 프로젝트 설치 전자정부 표준프레임워크의 템플릿 프로젝트중의 하나인 Simple Homepage 를 Oracle 환경에서 실행되도록 설치해보겠습니다. 이 Simple Homepage 템플릿 프로젝트는 제목 그대로 단순홈페이지 기능 구현시 필수적인 부분만 사용 가능하도록 경량화된 실행환경을 제공합니다. 제공되는 기능은 다음과 같습니다. - 메인페이지 - 사용자관리 - 공지사항 관리 - 게시판 관리 - 안내 관리 템플릿 프로젝트를 설치하고 테스트한 환경은 다음과 같습니다. - OS : Windows 10 64bit - DB : Oracle 11g express edition - DB Tool : SQL Developer 4.1 64bit - Java : JDK 8 64bit - IDE : eGovFrameDev 3.6 64.. 2018. 4. 4. 전자정부 표준프레임워크 및 all in one 샘플 프로젝트 설치 “전자정부 표준프레임워크”는 공공사업에 적용되는 개발프레임워크로써 현재 최신버전은 3.6.0 입니다. 3.6.0 버전의 개발환경은 JDK1.7 이상을 필요로합니다. IDE는 eclipse Mars 4.5로 되어 있으며 Spring Framework를 기반으로 하여 다양한 공통 컴포넌트가 제공되어 집니다. 이 글에서는 전자정보 표준프레임워크 3.6.0 개발환경을 설치하고, 같이 제공되는 all in one 프로젝트를 설치하여 실행해 보겠습니다. - JDK의 설치는 "윈도우에 JDK 8 설치하기" 를 참고 하세요. - 데이터베이스의 설치는 "Oracle 11g Express Edition 과 SQL Developer 설치하기" 를 참고하세요. - 다음 사이트에서 Tomcat 8.0 을 64-bit Windo.. 2018. 4. 4. 이전 1 다음
