.DB 데이터 수정 할 수 있는 포터블 프로그램


sqllite 즉 파일 DB 를 수정할 필요가 있을때가 있다. 
다양한 방법이 있지만 그중에 
SQLiteman을 이용해서 수정하는 방법을 안내하려고 한다.

해당 링크를 따라가보자 

▼해당 화면에서 보이는 다운로드 버튼을 클릭하자



▼다운로드 했다면 그냥 단순하게 압축을 풀어보자 아래와 같이 파일들이 나오는데
여기서 아이콘이 있는 .exe를 클릭하면 된다.



▼클릭하면 해당 처럼 UI가 보이고 file->open을 눌러 .db를 선택해서 오픈해보자. 


▼클릭하면 해당 처럼 UI가 보이고 file->open을 눌러 .db를 선택해서 오픈해보자.
이제 해당 화면에서 SQL문을 날려서 사용하면 된다.
편의 기능은 거의 없다 시피 하니 포터블한 파일로 저장해놓고 가끔식 필요할때마다 사용하면 될거 같다!





마무리

저는 한번뿐이 파일DB를 안써봤지만 때에 따라 사용 가능하게 되니
한번 써보고 경험만 익혀두면 좋을거 같습니다.




'IT_Developers > SQLite' 카테고리의 다른 글

프로그램 - .db 수정을 위한 SQLiteman 설치하기  (0) 2017.11.28

댓글을 달아 주세요



MSSQL 0을 Null로 반환하여 isnull로 처리하기


MSSQL 에서 0으로 나눌시에는 오류가 발생한다. 0으로 숫자를 나눈건 로직이 잘못됐거나 모델링 잘못된 것이다.
하지만 .. 사람 맘 같이 세상이 움직이겠는가..
결국은 숫자가 꼬이고 꼬이면 0으로 나누고 결국 오류가 발생할것이다.
오늘은 그래서 MSSQL에서 0으로 나누기 오류를 대비하는 법을 배워보겠다.

우선 아래처럼 쿼리를 MSSQL매니저먼트에서 실행해보자
 SELECT 1000 / 0   



▼ 당연히 오류가 발생하였다. 수학에선 0으로 숫자를 나눌수 없다. 



이번엔 이 쿼리를 실행해보자
SET ANSI_WARNINGS OFF
SET ARITHIGNORE ON
SET ARITHABORT OFF
select 100 / 0

▼ 아래처럼 NULL 이 반환 됐다. (오류만 발생안했을 뿐이지 결국 오류이지만)



해당 옵션과 함께 isnull을 사용하면
SET ANSI_WARNINGS OFF
SET ARITHIGNORE ON
SET ARITHABORT OFF
select ISNULL(100 / 0,0)

▼ 가장 올바른 값이 표출 되었다. 
오류를 피해갈 수 있었다가 맞겠네요






+고코더의 추천강의


프로시저에서 오류를 캐치하기 RAISERROR 예제를 배워보세요

-> http://gocoder.tistory.com/34?category=701232



마무리


0으로 숫자를 나누지 않게 프로시져를 개발 하는게 정답입니다.


댓글을 달아 주세요



자바스크립트로 바코드 만들기


간단하게 스크립트로 바코드를 만들수 있는 방법이다.

▼해당 사이트를 참조하였다. 


▼아래는 해당 URL을 보고 만든 샘플 아래 소스를 갖다 써도 되고 
아래 파일을 다운받아 한폴더에서 실행하면 충분한 레퍼런스가 될거라 생각됩니다.

<html>
<
head>
    <
script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <
script type="text/javascript" src="jquery-barcode.js"></script>
</
head>
<
body>

<
div id="bcTarget"></div>
</
body>

<
script type="text/javascript">
   
$("#bcTarget").barcode("1234567890128", "codabar");

   
//    바코드 타입    
   
//    codabar
    //    code11 (code 11)
    //    code39 (code 39)
    //    code93 (code 93)
    //    code128 (code 128)
    //    ean8 (ean 8)
    //    ean13 (ean 13)
    //    std25 (standard 2 of 5 - industrial 2 of 5)
    //    int25 (interleaved 2 of 5)
    //    msi
    //    datamatrix (ASCII + extended)
</script>

</html>



프론트에서 처리 가능하는 방법으로 
바코드 사용시 가장 추천하는 방법이다. 



+고코더 추천강의



+폰트를 등록해 바코드로 만들어 보세요.
-> http://gocoder.tistory.com/84



+jQuery로 QRcode를 만들어보세요.
-> http://gocoder.tistory.com/86






마무리


javascript가 이제 모든걸 대체 할 것 입니다.





댓글을 달아 주세요

  • 질문매니아 2017.12.01 14:59  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.
    게시글 너무 잘읽었습니다.
    하나 궁금한점이 생겨 댓글 남깁니다.
    제가 위에 올리신 소스를 사용하여 바코드 생성 후 스캐너로 읽으면 앞뒤에 A라는 글자가 붙던데
    이것을 지울 방법을 소스를 봐도 잘 모르겠네요...

    혹시 도움이 주실 수 있다면 너무 감사하겠습니다.^^

    • Favicon of https://gocoder.tistory.com 고코더 2017.12.01 15:13 신고  댓글주소  수정/삭제

      안녕하세요 개발자님^^
      문의하신 내용으로 검수 한 결과
      제가 올린 예제에 A가 붙을 수 없습니다.codabar는 숫자만 바코드를 표출하거든요 ㅠ

      제 예제에서
      A가 붙을수 있는 바코드 타입은
      code39 (code 39)
      code93 (code 93)
      code128 (code 128)
      이렇습니다.

      혹시 갖고 계신 리더기가 지원하는 코드 체계와 현재 개발하신 바코드 타입이 상이한건 아니신지 궁금하네요^^
      제가 주석으로 처리한 타입으로
      읽혀 보시면서 테스트 해보세요!

  • 질문매니아 2017.12.01 15:40  댓글주소  수정/삭제  댓글쓰기

    codabar는 어떤한 문제인지.. 계속 해서 A가 붙길래 다른 타입으로 변경하여 사용합니다.
    친절한 답변 너무 감사합니다.

    2017년 마무리 잘하세요^^



셀렉트 박스의 옵션 값과 텍스트 값 가져오기


셀렉트 박스를 다룰 때 간단하지만 자주 찾고 자주 까먹는 방법입니다.

options[target.selectedIndex].text  : 셀렉트 박스 옵션 사이에 있는 텍스트 값을 가져온다
options[target.selectedIndex].value : 셀렉트 박스 value 의 값을 가져온다.




▼ 아래처럼 하면은 셀렉트박스의 text 값과 value 값을 가져오는 방법이 됩니다.
<html>
<
body>
<
select name="selectBox" id="selectBox">
    <
option value="" selected>A</option>
    <
option value="">B</option>
    <
option value="">C</option>
</
select>
</
body>

<
script type="text/javascript">
   
var target = document.getElementById("selectBox");
    alert
('선택된 옵션 text =' + target.options[target.selectedIndex].text);     // 옵션 text
       
alert('선택된 옵션 value =' + target.options[target.selectedIndex].value);     // 옵션 value

</script>

</html>

▼ 예제 화면 





+고코더의 추천 강의


▼ select박스도 검색되게 해보세요!

-> http://gocoder.tistory.com/67?category=708022






마무리


셀렉트 박스의 option 값 말고도 text값을 이용해서 다양하게 프로그램을 만드셔도 좋은 방법입니다.

물런 필요하다면요.






















댓글을 달아 주세요



 WNMP로 Nginx와 PHP 마리아DB 사용하기


  1. 설치 
XAMPP 로 아파치와 PHP를 실행시켜봤다면
최근에 많이 쓰이는 Nginx와 PHP를 Wnmp라는 프로그램으로 실행해보겠습니다.

▼해당 웹사이트 접속후에 프로그램을 다운로드 (가끔 접속이 안됩니다..)



▼ 혹 해당 사이트에서 

https://sourceforge.net/projects/wnmp-env/


▼ 사이트들이 원활하지 않다면 첨부파일을 다운받아 설치하세요.

Wnmp-3.1.0.zip

Wnmp-3.1.0.z01

Wnmp-3.1.0.z02

Wnmp-3.1.0.z03

Wnmp-3.1.0.z04

Wnmp-3.1.0.z05



설치 후 실행 후 모습 XAMPP와 같은  UI다 각 start만 눌러주면 알아서 연동 후 실행됩니다.

 


  1. Nginx 설정         
     ▼엔진엑스의 간단한 설정을 해보겠습니다.
Configuration에서 nginx.conf를 실행      
     



       ▼대략 40번째 줄에 root 부분에 PHP 작업 폴더를 지정한다.
        대략 41번째 줄에 root 파일을 지정합니다.
    ## Root and index files.
    root D:/프로젝트폴더;     
    index  index.php index.html index.htm;

▼그리고 html에 PHP소스로 인식하기 위해서는 
대략 60번째줄에 location 부분을 아래처럼 바꿉니다.   
        ## Regular PHP processing.
        location ~ \.(php|html|htm)$ {     
            try_files  $uri =404;
            fastcgi_pass   php_processes;
            fastcgi_index  index.php;
            fastcgi_param  SCRIPT_FILENAME    $document_root$fastcgi_script_name;
            include        fastcgi_params;
        }

  1. 마리아DB설정

    마리아 DB의 초기 셋팅 정보는 이와 같습니다.
    username: root
    password: password

    해당 opeon MaraiDB Shell을 눌러 쉘에 접속해보자 

    접속해서 password 라는 비번을 입력해 접속 
    후에 아래처럼 맛보기로 입력해보자 (마리아DB가 잘 작동하는지만 확인)
--// user 보기
use mysql;
select user from user;



4.테스트 

     localhost로 접속해보자 php기반에 nginx가 실행된걸 확인하였습니다. 
     각 프로그램을 설치 후 운영하는것보다 이런식으로 GUI를 제공하는 프로그램이 나을것입니다. 
     




마무리

Nginx를 따로 다운받아 PHP와 연동하여 쓰다가 익스프레스 강의에 어울리도록 
빠르고 쉽게 사용할 방법을 찾아보다 렇게 친절한 프로그램을 발견하였습니다.
각 업무 현장에서 Nginx로 셋팅하여 개발해야 하는 분들은 애용하면 좋을거 같습니다.



댓글을 달아 주세요



PHP개발을 위한 PHP스톰 설치하기


PHP개발자 만큼 IDE를 다양하게 쓰는 언어도 없을 것이다.
이클립스, 비주얼스튜디오, 노트패드, 에디터플러스, 아톰 등등

주변에 PHP 개발자 수만큼 다양한 개발툴을 볼수 있죠.

필자는 모든 툴을 써본 결과 PHP스톰이 가장 낫다는 결론을 얻었다.
물런 이건 각자의 취향이니 한번씩 모두 써봐도 좋을거 같다.
우선 아래 다운로드 URL을 클릭하자.




▼필자는 개인적으로 PHP스톰 10버전을 좋아한다. 만약에 10버전 설치를 하고 싶다면 왼쪽 아래에 Previous version을 클릭하자 
최신버전은 첫번째 화면에서 다운로드를 클릭하면 된다.


▼10버전은 화면 중앙정도 내리면 해당 위치에 있다. 다운로드 하면 된다. 
처음 사용자라면 최신버전을 내려받자. !


▼넥스트에 시간이다. 

▼설치경로는 각자에 맞게 (SSD가 있는 드라이브에 설치하는게 좋다)

▼모든걸 체크한다. 코드 어시전트는 많을수록 좋으니깐 



▼인스톨을 누른다.


▼설치시간은 길지 않습니다.

▼완료되었군요..!

▼PHP스톰 실행시키면 최초화면입니다. Keymap만 Eclipse 기준으로 바꿔 주세요



+고코더의 추천 강의


PHP스톰을 포터블 무설치 버전으로 설치해보세요
->http://gocoder.tistory.com/82




마무리


가장 오류가 없고 쾌적한 환경이라 생각해 PHP스톰 10버전을 설치하고 사용하고 있습니다. 
첫 사용자라면 최신 버전을 설치하세요

이밖에 가볍게 파일을 열고 닫을때는 홈에디터플러스가 좋은 편이라

같이 사용하면 좋더군요. 말나온김에 홈에디터플러스 설치 과정도 올려보도록 해야겠네요~ 그럼 다음번엔 사용법으로 돌아오겠습니다.


댓글을 달아 주세요



MSSQL EXISTS 사용 방법


MSSQL 하면 프로시져 만들기 참 좋다.
MSSQL 매니지먼트 스튜디오가 편해서 그럴것이다.
실무에서 가장 많이 쓰고 헷갈리는 내장객체는
EXISTS 일것이다.
테이블을 검색해서 값이 있을때와 없을때를 구분한다.


IF EXISTS(
                SELECT * FROM 테이블
                WHERE ID = @ID
         )
    BEGIN    --//SELECT문의 결과값이 존재하면 진입
    END  
ELSE
    BEGIN    --//SELECT문의 결과값이 없을 경우에 진입
    END

그리고 반대로 하고 싶으면 NOT EXISTS 를 사용하면 된다.

IF NOT EXISTS(
                SELECT * FROM 테이블
                WHERE ID = @ID
         )
    BEGIN    --//SELECT문의 결과값이 없을 경우에 진입
    END  
ELSE
    BEGIN    --//SELECT문의 결과값이 존재하면 진입
    END


마무리

항상 철자 까먹는 함수가 EXISTS입니다. 
지금 쓰면서도 헷갈렸었네요 


댓글을 달아 주세요



XAMPP 설치하기 APMSETUP을 대체


 APMSETUP이 최신버전을 공개하지 않고 있다. 그래서 많은 사람들이
대안으로 찾은게 아마 XAMPP가 아닐까 싶다. PHP7버전까지 지원하고 있으며 최신 DB인 MariaDB(MYSQL)까지 설치 한방으로 모든 셋팅을 마무리한다. 오늘은 XAMPP 설치를 가이드 하려고 한다.



▼ 아래처럼 최신버전을 설치한다. (학습자라면 당연히 PHP7 버전을 해야겠죠?)



▼모르고 NO에 박스를 칠했네요. YES 입니다. 당연히 설치 해야겠죠




▼ Next로 시작해봅시다.




▼ 많은 기능을 제공합니다. Perl 까지 지원하는게 인상적이네요. 우선 모든 기능을 설치합니다.(그래도 몇메가 안되요)





▼ 기본 디렉토리를 따라봅시다. 어차피 작업 폴더만 바뀌면 되니깐요




▼ 역시 Next로 진행하시고




▼ 본격적인 설치를 해봅시다.



▼ 설치가 완료되었습니다. 피니시 하면 컨트롤 패널이 열릴것입니다.


▼ 독일 제품이라 기본 언어에 독일어도 있네요




▼ 설치가 완료되었습니다.  직관적으로 어떻게 사용해야 할지 느낌이 오네요






마무리

 우선 오늘은 설치만 함께 완료했습니다. (최근 설치 강의도 올릴려고 포맷 했네요)
사용법도 매우 쉽습니다. 다음에는 사용법 강의로 돌아오겠습니다.!


댓글을 달아 주세요




META-INF


- 자바 패키징 기술인 jar의 일부
- META-INF폴더는 자바에서 설정관련 파일을 저장하는 폴더
- jar 파일들을 풀어보면 META-INF 폴더 아래 MANIFEST.MF 라는 파일이 있고 사양서 내용이 있다.




WEB-INF


 
- 웹 애플리케이션 용으로 (servlet 규격으로) 따로 만들어진 디렉터리

- 웹을 중요한 파일들이 노출되지 않도록 만든 폴더



댓글을 달아 주세요



1. 부트스트랩이란

     1.1 제작사 http://getbootstrap.com/ (한글 번역 개인사이트 http://bootstrapk.com/)
          - 부트 스트랩은 트위터에서 개발한 UI 라이브러리 입니다.
          - 마크 오토(Mark Otto)와 제이콥 손튼(Jacob Thornton)이 개발하였습니다. (둘이 안사귐 게이아님)            




     1.2 목적
          - 모바일 환경에 적합한 반응형 웹을 개발하기 위한 라이브러리
          - 디자인으로 인한 개발시간을 단축하기 위한 개발도구   


2. 부트스트랩 설치

     2.1 설치설명
- 부트스트랩 설치는 압축을 풀기만 하면 됩니다. 
- 프로젝트 할때 디자인과 퍼블리셔가 css,js 폴더를 만들어주고 나서 개발을 시작할텐데 바로 그 CSS 폴더를 제공해주는 것 입니다.
- 웹스톰 같은 IDE를 프로젝트시 자동으로 다운로드 하여 환경을 제공해주고 있지만, 일부 에디터툴은 홈페이지에서 다운로드 하여 압축을 풀어 배치 하면 완료 됩니다.
          - 설치 과정을 살펴보겠습니다.

     2.2 설치방법 / webstrom
          - 웹스톰은 훌륭한 개발 도구입니다. jetbrain IDE중 하나입니다. 이 툴의 사용법은 나중에 올려보겠습니다.
          - 이 IDE는 부트스트랩을 자동으로 설정해줍니다. 
          - 방법은 너무 간단해 글로만 남기려다. 처음 접하는 코더분들도 있으니 그림도 남겨봅니다.

          ▼ 프로젝트를 create 합니다. 해당 화면이 바로 안나오면 file->new project 클릭

           그리고 중간에 있는 Twitter Bootstrap을 클릭합니다. 로케이션에 폴더를 지정하고 버전은 새로고침 버튼을 누르면 최신버전까지 릴리즈 되어 있습니다.         
           최신 버전을 선택하고 오른쪽 아래에 Create 

 
          ▼ 아래화면 처럼 완성 되어 있습니다. 네 이게 다입니다. 앞서 말했다 시피 그냥 css , js 폴더를 제공 받은것입니다. 
           웹스톰으로 설치가 완료하였습니다.



     2.3 설치방법 / Home Edit Plus      
          - 이번엔 전 국민에 사랑을 받는 홈에디터플러스 사용자를 위한 설치 방법입니다.
          - 파일 복사가 전부이고 홈에디터플러스 설치라고 하기엔 어색하지만 아직 개념이 잡히지 않은 코더들을 위해 설명하겠습니다.

           http://bootstrapk.com/getting-started/에 접속해 Download Bootstrap 을 클릭합니다.

           맨위에 있는 Download Bootstrp을 클릭하여 zip 파일을 다운로드 합니다.
           Less로 구성된 source code는 시간이 나면 다시 리뷰하겠습니다.


           그리고 압축파일을 풀어 그대로 사용할 폴더에 이동시킵니다. 
           압축 푸는법은 아시죠??? 개발자라면 7z 도 가능한 반디집을 추천 합니다.


           에디터 플러스에 해당 폴더를 이동하면 역시 Css, JS폴더가 보입니다. 설치(?)가 완료되었습니다.
           웹스톰으로 설치시 보이지 않던 fonts 폴더가 있네요. 해당 부분은 차차 알아가보도록 합니다.


     

3. 부트스트랩 실행


     ▼ index.html 파일을 루트(/) 경로에 만듭니다. (이제부턴 jetbrain으로)
     ▼ OK 버튼을 눌러 생성하고


▼ 그리고 해당 파일에 아래 코드를 입력합니다.
▼ 부트스트랩을 쓰기 위한 아주 기초적인 형태입니다. 
▼ 맨 아래쪽에 보시면 jquery.min.js 를 다운로드 하여 참조하였습니다. 구글 API서버도 훌륭하겠지만 다운로드 받아 참조하는게 이롭겠습니다.
▼ 그리고 자신만에 was로 실행해봅니다. (가장 쉬운건 IIS 서비스로 실행시키는거지요. 이부분도 어려운 코더라며 추후에 블로그를 남기겠습니다. )
▼ 하지만 IDE가 제공하는 환경을 사용해도 무방 합니다 웹스톰 alt+f2 에디터플러스는 ctrl+b 입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 위 3개의 메타 태그는 *반드시* head 태그의 처음에 와야합니다; 어떤 다른 콘텐츠들은 반드시 이 태그들 *다음에* 와야 합니다 -->
    <title>부트스트랩 101 템플릿</title>

    <!-- 부트스트랩 -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- IE8 에서 HTML5 요소와 미디어 쿼리를 위한 HTML5 shim 와 Respond.js -->
    <!-- WARNING: Respond.js 는 당신이 file:// 을 통해 페이지를 볼 때는 동작하지 않습니다. -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<h1>Hello, Bootstrap!</h1>

<!-- jQuery (부트스트랩의 자바스크립트 플러그인을 위해 필요합니다) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!--<script src="js/jquery.min.js"></script> 위 js를 다운받아 폴더에 참조하였습니다. 이렇게 하는게 더 좋겠죠? -->
<!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>


     - 드디어 Hello Bootstrap를 찍었군요. 
     - Hello를 보면 또 새로운 공부의 시작이라 생각이 듭니다.!! 


5. 마무리

     - 쉬운 부트스트랩 설치 과정이었습니다. 
     - 다음강좌부턴 본격적인 부트스트랩 강의에 들어가겠습니다.



댓글을 달아 주세요