본문 바로가기

2018/04/0323

SQLyog 사용법 이글에서는 SQLyog Community Edition의 사용법을 알아봅니다. 설치 및 데이터베이스 연결설정은 "SQLyog - MySQL 관리툴 설치하기"를 참조 하세요. SQLyog는 MySQL, MariaDB 모두에서 동일하게 사용할 수 있습니다. 실제 이 글을 쓰면서 테스트는 MariaDB에서 하였습니다. 0. 화면 구성 SQLyog 의 화면구성은 상단에 메뉴 영역, 그 아래에 툴바가 있고, 그 아래에 현재 연결된 서버 이름이 보이는 탭이 있습니다. 여러개의 서버에 연결을 하여 사용중이라면 이 탭이 연결된 서버 만큼 증가할 것입니다. 그 아래에는 하나의 연결된 서버에 대한 작업을 할 수 있는 세군데 영역으로나뉘는데 좌측에는 트리 구조로 데이터베이스 정보들이 보여집니다. 우측 상단에는 쿼리를 입력해.. 2018. 4. 3.
Lenovo Phab2 Pro 4개월 사용기 4개월전 대형화면의 휴대폰이 필요해서 이것저것 알아보다가 그때 새로 출시된 팹2프로를 구입 했습니다. 미맥스랑 어느것으로 할지 고민이 많이 되었었는데, 다른것은 별 차이 없을것 같고 Tango 라는 기술에 흥미가 생겨서 이걸로 결정하게 되었습니다. 그 때 가격이 569,000원 이었던것 같은데, 현재 449,000원에 판매되고 있습니다. 제품의 구성과 스펙은 다음과 같습니다. 1. 제품구성 본체 x 1개, 전용 충전기 x 1개, USB 충전 및 통신케이블 x 1개, JBL 이어폰 x 1개, USIM 및 MicroSD 카드 교체용 핀 x 1개, 품질보증서 x 1개 2. 스펙 모델명 : PHAB2 Pro 색상 : 샴페인 골드 / 건메탈 그레이 운영체제 : 안드로이드 6.0 화면 : 16.25cm(6.4형) .. 2018. 4. 3.
AX5UI - GRID 1 (기본 사용법) 업무용 웹 프로그램에서 데이터를 표현하는데 테이블 형식을 많이 사용합니다. 초기 웹 프로그래밍에서는 지금도 많이 사용되는 게시판 프로그래밍처럼 데이터는 태그를 사용해서 보여주고, 내용의 입력 또는 수정 작업을 위해서는 다른 페이지로 이동하여 작업을 하는 형태를 사용했습니다. 이러한 형태는 화면전환이 계속 발생하게 됩니다. 다음으로 사용하던 형태는 테이블의 각 셀에 입력 필드(inut tag)를 사용해서 데이터를 보여주고, 입력/수정할 수도 있게 하고, 실제 데이터를 서버로 전송해서 처리하는 작업은 JavaScript를 이용해서 숨겨진 iframe을 통해 처리하는 방식을 사용했습니다. 화면 전환 없이 한 화면에서 모두 처리할 수 있었습니다. 업무용 C/S 프로그램들이 웹프로그램으로 점점 더 많이 전환되기 .. 2018. 4. 3.
MySQL 명령행 클라이언트 및 관리 명령어 GUI로 된 툴을 쓸 수 있다면 좋겠지만, 사용할 수 있는게 터미널 밖에 없는 상황도 존재 합니다. MySQL Command Line Client의 사용법을 알아 두면 편리할 때가 많습니다. 프로그램의 이름은 mysql 입니다. 윈도우와 리눅스에서 동일하게 사용할 수 있습니다. MariaDB 에서도 동일하게 사용할 수 있습니다. 하는김에 몇가지 관리 명령어들도 알아보겠습니다. 1. Command Line Client로 접속하기 기본적인 사용법은 다음과 같습니다. mysql -h서버 -u아이디 -p비밀번호 데이터베이스명 서버의 IP 주소가 "192.168.0.100" 이고, 아이디는 "root", 비밀번호는 "rootpassword" 이며, 접속시 바로 사용할 데이터베이스 이름이 "testdb" 라면 다음.. 2018. 4. 3.
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.