기타 (10) 썸네일형 리스트형 전자정부 웹사이트 UI·UX 가이드라인 배포 및 활용 안내 요점정리 보통 공공기관 SI 프로젝트의 제안요청서(RFP)에는 아래와 같은 요구사항이 표시되어 있는 경우가 많습니다. 사용자 인터페이스 구성 ● 정보기술에 대한 미숙련자도 쉽게 사용 가능하고 직관적인 사용자 인터페이스를 제공해야 함 ● 공공자원 공유 서비스의 사용자 편의성, 유지보수 효율성 강화 등을 위한 UI/UX표준을 수립하고 전문가에 의한 검증 수행 후, 적용해야 함 ● 국민 대상으로 안전하고 편리한 보안 서비스 제공을 위해서는 사용자 경험이 충분히 반영된 UI/UX 설계 필요 ● 개발 소프트웨어와 도입 패키지 소프트웨어에 ActiveX 적용을 최소화하며, ActiveX 사용이 불가피할 경우에는 사업자와 협의하여 결정하여야 함 ● 입력항목에 대해 필수, 선택 등 항목별 정확한 안내와 함께 입력사항에 대한 체.. [개발환경] 개발서버를 이용해서 여러명의 개발자가 공동작업하는 환경에 대한 설명 프로젝트 수행시 개발서버를 이용해서 여러명의 개발자가 함께 작업하는 환경 및 방법에 대해서 설명하려고 합니다. 개발자 PC 및 개발서버 구성 개발자 클라이언트 PC 소프트웨어 통합개발환경 : 이클립스 프레임워크 : 전자정부(Egov)프레임워크 (스프링(Spring) 프레임워크) 빌드 및 라이브러리 관리 : Maven JDK : 1.8 톰캣서버 : 8.5 문서 및 소스형상관리 : Tortoise SVN 서버 PC 지속적이고 자동화된 빌드 및 배포 : 젠킨스(Jenkins) Maven : 라이브러리 관리 톰캣서버 : 8.5 JDK : 1.8 소스형상관리서버 : Visual SVN Server 개발환경을 위해 해야할 업무 서버 PC Visual SVN Server 설치 레파지토리 생성(SVN Server UR.. [개발환경]이클립스(eclipse)와 서브버전(SVN) 연동해서 프로젝트 소스형상관리하는 방법 이번엔 이클립스와 SVN을 연동해서 개발소스를 형상관리하는 방법을 알아보도록 하겠습니다. 관련된 이전 포스팅 [개발환경] Visual SVN Server와 Tortoise SVN Client 툴을 설치하고 연동해서 활용하는 방법(문서공동작업, 소스형상관리) Visual SVN Server에 Repository 생성 SVN Server에 소스형상관리할 새로운 Repository를 추가하고, 권한을 설정합니다. SVN Server 를 설치하지 않은 분은 아래 글을 참고하세요. [개발환경] Visual SVN Server와 Tortoise SVN Client 툴을 설치하고 연동해서 활용하는 방법(문서공동작업, 소스형상관리) 새로운 Repository의 URL을 잘 기억해 놓습니다. 이클립스와 SVN 연동 소스.. [개발환경] Visual SVN Server와 Tortoise SVN Client 툴을 설치하고 연동해서 활용하는 방법(문서공동작업, 소스형상관리) 이번엔 Visual SVN 서버를 설치하고, 여러 사용자들이 SVN 클라이언트 툴인 Tortoise SVN을 설치해서 활용하는 방법을 알아보겠습니다. 여러사람이 공동으로 문서를 작업하거나 개발소스를 관리하는 경우 SVN은 필수죠. 물론 요즘 Git이 많이 사용되긴 하지만, 둘 다 사용해봤을 때 SVN이 훨씬 간단하고 쉬운거 같습니다. 개발환경 관련 이전 참고 포스팅 [개발환경] 웹 프로젝트 빠르게 실행하기(샘플 프로젝트를 이용해서 무작정 따라하면 HelloWorld 볼 수 있음, 이클립스 + Maven Web Project + Spring + 톰캣서버) 기본적인 구조 특정 서버 PC에 Visual SVN 서버를 설치하고 Repository를 만들면, SVN을 이용해서 공동으로 작업하려는 사용자들의 PC에.. [개발환경] 젠킨스(Jenkins) + 톰캣(Tomcat) 서버 + 서브버전(SVN) + 메이븐(Maven) Project 자동빌드 및 배포 설정 총정리 이번엔 마지막으로 젠킨스를 이용해서 SVN에 있는 Maven 프로젝트를 젠킨스를 이용해서 빌드 후 톰캣서버에 디플로이하는 방법을 알아보겠습니다. 개발환경 관련 이전 포스팅 [개발환경] Visual SVN Server와 Tortoise SVN Client 툴을 설치하고 연동해서 활용하는 방법(문서공동작업, 소스형상관리) [개발환경]이클립스(eclipse)와 서브버전(SVN) 연동해서 프로젝트 소스형상관리하는 방법 1. 젠킨스 설치 https://jenkins.io/ Jenkins Jenkins – an open source automation server which enables developers around the world to reliably build, test, and deploy their s.. [개발환경] 웹 프로젝트 빠르게 실행하기(샘플 프로젝트를 이용해서 무작정 따라하면 HelloWorld 볼 수 있음, 이클립스 + Maven Web Project + Spring + 톰캣서버) 얼마 전 회사에서 사용하는 노트북을 최신형으로 교체했습니다(제건 아니고 임대..ㅡㅡ) 처음부터 개발환경을 설정해야 했는데 이게 거의 2년만에 하는거라 또 가물가물하더군요. 그래서 이번기회에 나중에 다시 필요할 때 무작정 따라하면 개발환경이 설정될 수 있도록 정리했습니다. 자바 JDK(Java Development Kit) 다운로드, 설치 https://www.oracle.com/technetwork/java/javase/downloads/index.html Java SE - Downloads | Oracle Technology Network | Oracle Which Java package do I need? Software Developers: JDK (Java SE Development Kit). F.. 파비콘(Favicon) 만들어야하는 이유, 만드는 방법, 모바일웹에서 홈 화면 추가하는 스크립트 까지 총정리 파비콘(Favicon)을 만들어야 하는 이유 파비콘은 웹페이지에 접속했을 때 상단 탭에 보여지는 아이콘을 말합니다. 즐겨찾기를 등록할 때 사이트 옆에 아이콘으로 표시가 되죠. 즉, 웹사이트를 대표하는 로고로 생각하시면 됩니다. 요즘은 모바일에서 웹페이지 바로가기를 추가할 때 모바일 바탕화면(홈화면)에 바로가기를 추가할 경우 파비콘이 사용되기 때문에 다양한 사이즈의 파비콘이 필요하게 되었습니다. 물론, 기본 사이즈의 파비콘을 사용해도 됩니다. 그런데 PC 의 웹페이지 에서는 아이콘이 작게보이니까 상관이 없었지만 모바일에서는 아래처럼 아이콘이 크게 보이기 때문에 파비콘을 다양한 사이즈로 제공하는게 중요해졌습니다. 왼쪽은 png 파일 형식의 큰 사이즈이고, 오른쪽은 ico 파일 형식의 작은 사이즈 입니다. 오.. [소스형상관리] 이클립스 프로젝트를 Github(깃허브)에 연동해서 형상관리하는 방법 오늘은 Github를 이용해서 개발소스 형상관리를 하는 방법에 대해 알아보겠습니다. Github에 연동할 일이 드물게 일어나다보니 할 때마다 헷갈려서 정리합니다. 참고로, 원래 깃허브에서 Private모드는 유료였는데 MS사가 깃허브를 인수하면서 무료로 사용할 수 있도록 변경하였습니다! (단, 개인만 무료이고, 팀단위로 사용하고자 할 경우는 유료입니다.) 최대 1인당 3개까지 Private모드로 프로젝트를 생성할 수 있습니다. 혹시 소규모 프로젝트를 진행하면서 Private모드로 프로젝트 팀원과 같이 사용하는 방법은 아래 블로그를 참고해주세요. https://blog.naver.com/nainside/221465617015 깃허브(GitHub) Private모드 사용법과 프로젝트 팀원 공유하기 Priva.. [HTML5] 핵심포인트만 정리. 어떤 기능이 있는지 빠르게 훍어보기 HTML5란 간단하게 모든 웹브라우저의 표준 마크업 언어라고 생각하시면 됩니다. HTML5는 월드 와이드 웹 (World Wide Web)의 핵심 마크업 언어로서, 차기 표준 제안이다. 비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 액티브X 없이 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 한다. W3C는 2014년 10월 28일 HTML5 표준안을 확정했다고 발표했다. 출처. 위키백과 HTML5 기본구조 html 파일 상단을 로 선언하면 끝! 기존 HTML4 : Content of the document...... 새롭게 추가된 Elements semantic element HTML4에서는 각 콘텐츠의 의미를 구분하기 위해 와 같이 고유한 ID를 이용했습니다. 그런데 이로인해 검색.. 동일한 이름을 가진 input radio 배열을 서버에 전송하는 방법(Java, nodeJS, 쉬움) 먼저 어떤 기능인지 예시 화면을 보겠습니다. 필수, 선택을 선택하는 부분이 input radio 폼 요소로 구성되어 있습니다. 사용자가 새로운 row를 추가하거나 삭제할 수 있는, 즉 가변적으로 input radio가 추가/삭제 되는 형태입니다. 필수 선택 필수 선택 .... 당연히 각 row별로 사용자는 필수여부를 다르게 선택할 수 있어야 하므로 radio의 name은 각 행마다 달라야 합니다. radio는 동일한 이름을 가진 것 중 한 개만 선택할 수 있으니까요. input radio 그룹의 개수가 정해져 있다면 name값을 명확하게 명시하고, 서버에서도 request에서 파라미터 값을 가져올 때 동일한 name을 이용해서 request로부터 파라미터를 가져올 수 있습니다. //Java 예시. Str.. 이전 1 다음
