본문 바로가기

분류 전체보기487

AX5UI - 소개(JavaScript UI Component) 웹으로 업무용 프로그램을 개발 하면서 사용자 인터페이스로 사용되는 컴포넌트들 중 가장 복잡한 것은 GRID 인것 같습니다. 그래서 기능도 좋고 사용하기 편리한 제품이 있는지 종종 찾아보게 됩니다. ActiveX, Flash, JavaScript 등으로 만들어진 많은 제품 들이 있습니다만, 요즘은 웹표준과 크로스 브라우저를 원하는 경우가 많아서 ActiveX 나 플래시 제품보다는 HTML5를 지원하는 JavaScript 제품에 대한 선호가 높아지고 있습니다. 이러한 웹용 UI 컴포넌트들은 아주 고가이거나, 오픈소스이면 GPL 로 배포되므로 상업용으로 사용할 수 없는 경우가 대부분입니다. 그러던 중, MIT 라이센스 이면서 국내 개발자들에 의해 개발되고 있는 JavaScript UI 컴포넌트인 AX5UI 를.. 2018. 4. 3.
Python 문법 3 - Flow Control(흐름 제어) 파이썬에서 프로그램의 흐름을 제어할 수 있는 제어문에 대해 알아보겠습니다. 1. if 문 if 문장은 조건에 따라 흐름을 분기 할 수 있는 문장 입니다. 다음 예처럼 if 조건:, elif 조건:, else: 을 사용할 수 있습니다. >>> x = int(input("정수를 입력해 주세요: ")) 정수를 입력해 주세요: 42 >>> if x >> 음수가 입력되면 if x < 0: 구문이 실행되고 0 이나 1일 입력되면 elif 부분이 실행됩니다. 2이상의 값이 입력되면 eslse: 부분이 실행됩니다. elif.. 2018. 4. 3.
칼리 리눅스 설치 - VirtualBox에 설치하기 및 한글 입력 Kali Liunx는 침투 테스트 및 보안 감사에 사용할 수 있는 다양한 오픈소스 프로그램들이 미리 설치되어 있는 데미안 기반의 리눅스 배포판입니다. 전문적인 침투 테스트와 보안감사를 목적으로한 배포판 이어서 다른 일반적인 리눅스 배포판들과 차이점이 있습니다. 1. 단일 root 유저로만 사용하도록 디자인 되었습니다. 2. 네트웍 서비스는 기본적으로 비활성화 되어 있습니다. 3. 무선 injection을 위한 upstream 커널을 사용합니다. 4. 신뢰할 수 있는 최소한의 저장소를 가지고 있습니다. 이 글에서는 VirtualBox 에 칼리 리눅스를 설치해 보겠습니다. VirtualBox의 설치는 "VirtualBox로 Linux 서버 만들기 1 - 설치 및 가상머신 생성" 을 참조하시기 바랍니다. 칼리.. 2018. 4. 3.
jQuery Validation Plugin 사용하기 웹프로그래밍에서 입력값 검증은 꼭 필요하며, 상당히 까다로운 작업입니다. 이러한 작업을 좀 쉽게 도와 주는 jQuery Validation Plugin 의 사용법을 알아보도록 하겠습니다. jQuery validation plugin은 다음 주소에서 다운 받을 수 있습니다. https://jqueryvalidation.org/ 이글을 쓰고 있는 현재 버전은 1.16.0 입니다. MIT 라이센스로 배포됩니다. jQuery 플러그인 이므로 jQuery 가 있어야 합니다. 이버전은 jQuery 1.7.2, 1.8.3, 1.9.1, 1.11.1, 3.1.1 버전에서 테스트 되어 졌다고 합니다. jQuery 도 MIT 라이센스로 배포됩니다. 파일은 위 사이트에서 다운받아서 사용되도 되고 다음 CDN 주소를 사용해도.. 2018. 4. 3.
Python 문법 2 - 식별자, 데이터 타입, 형변환, 연산자 파이썬(Python) 언어는 기본적으로 인터프리터(interpreter)를 통해 실행되는 스크립트 언어 입니다. (로딩 속도를 높이기 위해 바이트코드로 컴파일 해서 사용하는 것도 가능합니다.) 파이썬은 변수를 선언할 때 타입을 지정하지 않습니다. 값을 할당하면 그때 동적으로 타입이 정해집니다. >>> a = 1 >>> a = '1234' >>> a = True 일단 값이 할당되어 타입이 정해지면 연산시 타입검사가 이루어집니다. >>> a = '1234' >>> b = 4 >>> c = a + b Traceback (most recent call last): File "", line 1, in c = a + b TypeError: must be str, not int 타입이 다를 경우 형변환을 해줘야 연산.. 2018. 4. 3.
Python 문법 1 - comment, 문장, 블럭, 들여쓰기 2010년 쯤에 파이썬에 대해 궁금함이 생겨서 한번 설치하고 테스트 해봤던적이 있습니다. 그때 3.0 버전에 처음 나왔었던 때 였습니다. 주로 사용하는 언어는 Java 와 PHP 인데, 시간이 날때마다 다른 언어들을 조금씩 공부하는게 취미인지라 실제 업무에 사용을 하지는 않지만 문법만 알고 있는 언어들이 몇 가지 됩니다. 파이썬도 이런 취미로 보게된 언어중 하나입니다. 설치하고 간단한 샘플을 몇가지 실행해보고, 장고(django)와 apache mod_python 으로 간단한 웹 프로그램도 테스트 해보고 했었습니다. 하지만, 결국 취미로 끝나고 업무에 사용해볼 기회는 없었습니다. 2017년 들어 약간 여유가 생기니 또 이것저것 다른 언어들을 기웃거리게 되고, 파이썬이 다시 눈에 들어와서 이번에는 사용하지.. 2018. 4. 3.
jQuery로 요소의 값처리 및 상태변경 앞의 글 "jQuery 선택자 사용하기" 에서 작업을 위한 요소를 선택하는 방법에 대해 알아 봤습니다. 필요한 요소가 선택이 되었다면 그 요소의 값을 얻거나, 변경하고, 상태를 변경 하는 작업을 어떻게 하는지 알아보겠습니다. 들어가기에 앞서 선택된 요소 집합을 다루는데 대한 공통된 사항을 알아 봅시다. 선택된 요소 집합이라고 말하는 이유는 선택자에 의해 선택된 요소가 없을수도 있고, 하나이상일 수도 있기 때문입니다. 그래서 선택된 요소가 있는지 확인하고 위해서는 .length 를 사용해서 선택된 요소의 갯수를 확인해야 합니다. 1. 선택된 요소의 값을 얻고, 변경하기 .html() - 일치하는 요소 집합에서 첫 번째 요소의 HTML 컨텐츠를 가져 오거나, 일치하는 모든 요소의 HTML컨텐츠를 설정합니다... 2018. 4. 3.
Python 3.6과 PyDev 설치하기 http://www.python.org 사이트에서 설치 파일을 다운 받습니다. 윈도우용 바이너리를 다운받아 설치할 것입니다. 다운로드 페이지에 보면 현재 3.6.0 버전과 2.7.13 버전이 있습니다. 2.x 버전은 과거 프로그램과의 호환성이 필요하면 선택하면 되겠고, 그렇지 않다면 3.x 버전을 선택하면 되겠습니다. 2.7 최종본은 2010년 중반에 릴리즈 했다고 합니다. 즉, 더이상 신규 기능 추가되지 않습니다. 여기서는 3.6.0 버전을 설치해 보겠습니다. 설치 파일명은 python-3.6.0.exe 입니다. 이 파일은 python 32bit 바이너리 입니다. 64bit 를 설치하려면, https://www.python.org/downloads/release/python-360/ 에서 64bit 용.. 2018. 4. 3.
CSS 디폴트 값들 재설정하기 이제는 웹표준을 지키며 작업을 하는게 일반화되어서, IE가 아닌 다른 브라우저(Firefox, safari, Opera, Chrome)에서도 제대로 보여지도록 하여야 한다는 요구사항이 언제나 약방의 감초처럼 계약 사항에 들어 있습니다. 웹페이지 제작시 웹 표준에 따라서 작업을 하더라도 서로 다른 웹 브라우저에서 동일하게 보이지 않는 경우가 많이 있습니다. 웹 표준을 따르는 것이 서로 다른 브라우저에서 동일한 화면을 보여주는 것을 보장하는 것은 아닌 것입니다. 각각의 브라우저들이 서로 다른 렌더링 방식을 가지고 있거나, 표준에 대한 지원율도 차이를 보입니다. 웹페이지를 만들면서 웹 디자이너와 개발자들이 각기 다른 브라우저에서 웹페이지가 동일하게 보이도록 하는데 많은 시간을 들이게 됩니다.(퍼블리싱을 전문으.. 2018. 4. 3.
jQuery 선택자 사용하기 초기 웹 프로그래밍에서는 웹 페이지내의 컨텐츠를 바꾸려면 서버에 필요한 요청을하고, 새로운 내용의 웹페이지 전체를 받아서 화면에 보여주는 방식이었습니다. 이 경우 페이지내의 많은 변하지 않는 부분(헤더, 푸터 등)도 매번 새로 받아와야 했었습니다. 그래서 페이지를 프레임(frame)으로 나누어 변하는 부분은 줄이는 방법도 많이 사용되었습니다. 요즘은 필요한 컨텐츠를 가져올 때는 ajax 를 통해서 백그라운드로 가져오고, 화면은 자바스크립트를 이용해서 페이지내의 요소들을 직접 바꾸는 방법을 주로 사용합니다. 이때 DOM(Document Object Model) 구조로 되어 있는 페이지내의 필요한 요소에 손쉽게 접근할 수 있게 해주는 자바스크립트 라이브러리로 많이 사용되는 것이 jQuery 입니다. 일단 필.. 2018. 4. 3.
CSS 셀렉터 CSS 선택자는 HTML 문서에 스타일을 적용할 때, 스타일이 적용될 문서내의 요소를 선택하는 기능을 합니다. 선택자 예 / 설명 버전 .class 클래스 선택자 CSS1 class="intro" 로 지정된 모든 요소를 선택합니다. class 속성에는 공백으로 분리하여 하나 이상의 스타일을 지정할 수 있습니다. #id 클래스 선택자 CSS1 id="title" 로 지정된 요소를 선택합니다. id 속성은 문서에서 한번만 나와야 합니다. * CSS2 모든 요소들을 선택합니다. 요소 CSS1 모든 요소들을 선택합니다. 요소,요소 CSS1 모든 요소들과 모든 요소들을 선택합니다. 선택할 요소들을 , 로 분리하여 나열합니다. 요소들간의 종속관계는 없습니다. 요소 요소 CSS1 요소들 안에 있는 모든 요소들을 선택.. 2018. 4. 3.
MyBatis에서 Oracle Procedure 및 Anonymous Block 실행하기 스프링 프레임워크, MyBatis, Oracle 환경에서 Oracle 의 저장 프로시저(Stored Procedure)를 호출하는 방법을 알아보겠습니다. 또한, PL/SQL 익명 블럭(Anonymous Block)을 호출 하는 예제도 보겠습니다. 익명 블럭은 저장 프로시저와 거의 동일한 방법으로 호출하게 됩니다. 이번에 사용하는 예제는 "스프링 프레임웍에서 MyBatis, Oracle 사용하기" 에서 사용한 환경을 기본으로 하여 작성되었습니다. 예제의 전체 소스는 하단에 추가해 두었습니다. 먼저 테스트에 사용할 저장 프로시저를 하나 만들어 보겠습니다. Oracle 저장 프로시저는 세 가지 타입의 파라미터를 받습니다. - IN : 저장 프로시저로 값을 보내는데만 사용됩니다. - IN OUT : 저장 프로시.. 2018. 4. 3.
CentOS 7 KDE에 한글입력 및 세벌식 자판 설정 서버 프로그램 테스트용으로 VirtualBox 에 CentOS 7을 설치해서 사용중 입니다. 서버용이니 GUI 는 필요 없겠지 하는 생각이었으나, 자주 쓰지 않아도 올려는 봐야지 해서 KDE 를 설치했던게, 이제는 터미널도 Konsole 만 사용하고 있습니다. 앉으면 눕고 싶다고, 편리함에 한번 빠지니 벗어날 수가 없는것 같습니다. 게다가 얼마전 C/C++ 개발용으로 Eclipse를 설치한 후 주석을 달려니 한글입력이 필요해 졌습니다. 그래서 이제 여기저기를 뒤져서 한글입력과 자판은 세벌식입력이 가능 설정해 보도록 하겠습니다. CentOS 7을 최소 설치후 KDE를 기본설치를 한 상태입니다. KDE 로 영어로 보여지고 있고, 한글이 보여지기는 하지만 입력는 되지 않는 상태 입니다. 왼쪽 하단의 Kick .. 2018. 4. 3.
CentOS 7 에 C/C++ 개발용 Eclipse 설치하기 CentOS 7에 C/C++ 개발용으로 Eclipse 를 설치해보겠습니다. 설치환경은 CentOS 7에 GUI 환경은 KDE, 그리고 JDK 8 이 설치 되어 있어야 합니다. 설치 작업은 root 계정으로 진행했습니다. 컴파일러 GCC의 설치와 GUI 환경인 KDE 의 설치는 "VirtualBox로 Linux 서버 만들기 3 - network 설정, 게스트 확장, X11"를 참고하세요. JDK의 설치는 "CentOS 7 에 JDK 8 설치하기" 를 참고하세요. 1. 웹브라우저 Konqueror을 이용해서 http://www.eclipse.org/downloads/ 에 들어가서 Eclipse 설치파일을 다운로드 받습니다. 파일명은 eclipse-inst-linux64.tar.gz 입니다. (자신의 시스템에.. 2018. 4. 3.
안드로이드 스튜디오에서 PhoneGap 프로젝트 불러오기 이번에는 "PhoneGap CLI 설치하기" 에서 만들었던 HelloWorld 프로젝트를 안드로이드 스튜디오에서 Import 하여 보겠습니다. 앞에서 폰갭의 명령행 인터페이스(CLI) 를 설치해서 프로젝트를 생성했었습니다. PhoneGap 프로젝트를 Android Studio나 Eclipse 같은 IDE 툴에서 열어서 사용하는 이유는 디버깅 기능을 사용하고, 실제 휴대폰에서 테스트를 하거나, 출시를 위한 사인 작업등을 쉽게 할 수 있기 때문입니다. 또한 PhoneGap 만으로 처리할 수 없을때 플러그인을 개발하여 사용하기 위해서도 사용됩니다. PhoneGap 프로젝트를 Android Studio 로 열었을때 www 폴더를 제외한 다른 부분은 수정을 하지 않는것이 좋습니다. 수정을하게되면 platforms.. 2018. 4. 3.

티스토리툴바