장송송

Electron을 이용한 데스크탑 앱 시작시 각종 설정

장송송 — Fri, 8 Feb 2019 17:22:47 +0900

0. 시작하기

- electron starter로 시작하면 되긴하나 나는 개발 라이브러리를 vue를 쓰기위해 electron-vue로 시작을 했다

- electron starter : https://github.com/electron/electron-quick-start

- electron vue : https://github.com/SimulatedGREG/electron-vue

1. electron vue 설치

- 자세한건 공식문서를 참고

npm install -g vue-cli

vue init simulatedgreg/electron-vue my-project

cd my-project

yarn # or npm install

yarn run dev # or npm run dev

2. 싱글인스턴스 설정

- 기본적으로 1개의 앱만 실행하기 위해 설정

- File : src/main/index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
//File : src/main/index.js
import {
    app
} from 'electron';
 
 
let mainWindow;
const gotTheLock = app.requestSingleInstanceLock()
 
if (!gotTheLock) {
    app.quit();
    app.exit();
} else {
 
    //두번째 앱실행시 이벤트 발생
    app.on('second-instance', (event, commandLine, workingDirectory) => {
        if (mainWindow) {
            if (mainWindow.isMinimized()) {
                mainWindow.restore();
            } else if (!win.isVisible()) {
                mainWindow.show();
            }
            mainWindow.focus();
        }
    });
 
    //처음 실행시
    app.on('ready', function() {
        mainWindow = new BrowserWindow({
            height: 563,
            useContentSize: true,
            width: 1000
        });
    });
     
}
 
Colored by Color Scripter
cs

3. BrowserWindow와 Main과의 통신

- ipcMain, ipcRenderer를 이용

- File : src/main/index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//File : src/main/index.js
import {
    app,
    ipcMain
} from 'electron';
 
 
let mainWindow;
let contents;
 
//처음 실행시
app.on('ready', function() {
    mainWindow = new BrowserWindow({
        height: 563,
        useContentSize: true,
        width: 1000
    });
    contents = mainWindow.webContents;
    contents.openDevTools()
});
 
//BrowserWindow으로부터 받는 부분
ipcMain.on("update-check", (event, arg) => {
 
    //BrowserWindow에게 보내기
    contents.send('updater-message', {
        msg: "ok"
    });
});
Colored by Color Scripter
cs

- File : src/renderer/components/LandingPage.vue

1
2
3
4
5
6
7
8
//vue script중 받는 부분만 표시했음
 
const ipcRenderer = require('electron').ipcRenderer;
ipcRenderer.on('updater-message', function(event, text) {
    console.log('updater-message', event, text);
});
ipcRenderer.send('update-check');
 
Colored by Color Scripter
cs

ㅌㅌㅌㅌㅌㅌㅌ

4. Tray 표시

- 윈도우기준 우측 하단 아이콘

- File : src/main/index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import {
    Tray,
    Menu
} from 'electron';
 
function createTray() {
 
    //메인 BrowserWindow에서 닫기를 누를시 히든처리가 선행되어야함.
    mainWindow.on('close', (event) => {
        event.preventDefault();
        mainWindow.hide();
    });
 
 
 
    const tray = new Tray(path.join(__static, "favicon08.ico"));
    tray.on('click', () => {
        //mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show()
        mainWindow.show();
    })
    var contextMenu = Menu.buildFromTemplate([{
        label: `v${app.getVersion()}`
    }, {
        label: 'Close',
        click: function() {
            mainWindow.close();
            app.quit();
            app.exit();
        }
    }])
    tray.setContextMenu(contextMenu)
}
Colored by Color Scripter
cs

5. 자동업데이트

- electron-updater를 이용

- File : package.json :

- sciprts트리 밑에 publish 추가하여 npm run publish 일때 s3업로드 수행

- build트리 밑에 publish 추가하여 작성, s3 or github or homepage url, 자세한건 문서참고

- s3이용시 환경변수에 aws key를 등록 필수

- win 64, 32 bit 지원시 아래 추가 win에 target 추가 해주어야 함

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
{
    .....,
    "scripts":
    {
        "publish": "node .electron-vue/build.js && electron-builder --publish always"
    },
    "build":
    {
        "publish":
        {
            "provider": "s3",
            "bucket": "bucketName",
            "acl": "public-read"
        },
        "win":
        {
            "target": [
            {
                "target": "nsis",
                "arch": [
                    "x64",
                    "ia32"
                ]
            }],
            "icon": "build/icons/icon.ico"
        },
        ......
    }
}
Colored by Color Scripter
cs

- File : src/main/index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import {
    app,
    dialog,
} from 'electron';
 
import {
    autoUpdater
} from 'electron-updater';
 
if (process.env.NODE_ENV !== 'production') {
    //개발환경일경우 설정파일이 없어서 오류 index.js와 같은 폴더에 앱업데이트 설정을 넣어둬 해결
    autoUpdater.updateConfigPath = path.join(__dirname, 'dev-app-update.yml');
} 
 
app.on('ready', function() {
    //운영환경일때만 업데이트 하도록 해도 무방
    //if (process.env.NODE_ENV !== 'production') 
    autoUpdater.checkForUpdates();
});
 
 
autoUpdater.on('checking-for-update', function() {
    console.log('Checking-for-update');
});
autoUpdater.on('error', function(error) {
    console.error('error', error);
});
autoUpdater.on('download-progress', function(bytesPerSecond, percent, total, transferred) {
    console.log(`${bytesPerSecond}, ${percent}, ${total}, ${transferred}`);
});
//다운로드 완료되면 업데이트
autoUpdater.on('update-downloaded', function(event, releaseNotes, releaseName) {
    console.log('update-downloaded');
    const dialogOpts = {
        type: 'info',
        buttons: ['재시작', '종료'],
        title: 'Application Update',
        message: process.platform === 'win32' ? releaseNotes : releaseName,
        detail: '새로운 버전이 다운로드 되었습니다. 애플리케이션을 재시작하여 업데이트를 적용해 주세요.'
    };
    dialog.showMessageBox(dialogOpts, (response) => {
        if (response === 0) {
            autoUpdater.quitAndInstall();
        } else {
            app.quit();
            app.exit();
        }
    });
});
//신규 업로드가 있을경우 === 구버전
autoUpdater.on('update-available', function() {
    console.log('A new update is available');
});
 
//신규 업로드가 없을경우 === 최신버전
autoUpdater.on('update-not-available', function() {
    console.log('update-not-available');
});
Colored by Color Scripter
cs

6. 설정 끝 화면개발 시작

- .........

브라우저봇 만들기 - Puppeteer

장송송 — Thu, 29 Nov 2018 09:33:21 +0900

0. Puppeteer란?

- Google Chrome에서 공개한 Chrome브라우저를 제어하는 Nodejs 라이브러리이다.

- 브라우저를 제어할수 있기에 브라우저에서 할수있는 모든걸 제어할수 있다.

- https://github.com/GoogleChrome/puppeteer

1. 사용해보기

- 예제 만들기

1) 연합인포맥스 사이트를 접속

2) '주요 국제금융뉴스'를 조회

3) 제목과 링크를 가져오기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
"use strict";
const puppeteer = require('puppeteer');
 
(async () => {
    const browser = await puppeteer.launch({
        headless: false //디버깅목적..
    });
    const page = await browser.newPage();
 
    await page.goto('http://news.einfomax.co.kr/', {});
    await page.type('#search', '주요 국제금융뉴스');
    await page.click('[name=head-search] button');
    await page.waitFor('.article-list-content');
 
    const result = await page.$$('.article-list-content .list-titles');
    for (let item of result) {
        let title = await item.$eval('a', node => node.innerText)
        let href = await item.$eval('a', node => node.href)
        console.log(title, href);
    }
 
    await browser.close();
})();
Colored by Color Scripter
cs

- headless 옵션을 true로 주면 브라우저가 실행되지 않고 실행됩니다.

2. 확인해보기

3. 응용하기

- 운영서버 반영전 자동 테스트하기

- 따로 테스터가 없는경우는 반영전 테스트코드를 작성해서 테스트가 통과후 빌드되게 하면 최소한의 장애는 막을수 있겠다.

- mocha, puppeteer를 이용했다.

4. 마지막으로

- 브라우저로 할수있는것은 다 가능하다.

- 프로그램으로 하다보니 처음에 작성이 오래걸리긴하겠지만.. 손으로 하는것보다 빠르다.

- 요즘 선착순딜이나 타임딜, 콘서트 예매, 야구 예매 등등.. 빠르게하는 사람은 아마 이런방법을 쓰지 않을까 싶다.

- 클라이언트는 얼마든지 조작가능하다. 개발자들은 귀찮더라도 중요한내용들은 서버쪽에서 처리했음 좋겠다.

각종 알람 쉽게 받기 - Slack

장송송 — Tue, 27 Nov 2018 11:50:08 +0900

Slack 이란

- Slack은 협업하며 생산성을 늘려주는 최고의 메신저.

- 봇기능을 통한 각종 알림 수신 및 발신

- 플젝에 있어 좋다 쓰자.

1. Slack App 설정하기

- https://slack.com/apps

- App을 새로 등록한다.

2. Bot 설정하기

- Bot 생성

- Bot 이름 지정

- Token 발급 : API 생성시 사용할 키

3. 알람 발생시키기

- sample.js

- SLACK_TOKEN 변경한다.

- npm init

- npm i @slack/client

- node sample.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
"use strict";
 
const SLACK_TOKEN = "xoxb-xxxxxxxx-xxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
 
 
 
const {
 
    WebClient,
 
    RTMClient
 
} = require('@slack/client');
 
 
 
const web = new WebClient(SLACK_TOKEN);
 
 
 
return init();
 
 
 
async function init() {
 
    let CHANNEL = await loadChannel();
 
 
 
    web.chat.postMessage({
 
        channel: CHANNEL.test,
 
        "attachments": [{
 
            "fields": [{
 
                "title": "게시글번호",
 
                "value": "5bd26c32607c8814909d6e37",
 
                "short": true
 
            }, {
 
                "title": "게시판키",
 
                "value": "test1",
 
                "short": true
 
            }, {
 
                "title": "아이디",
 
                "value": "Awesome Project",
 
                "short": false
 
            }, {
 
                "title": "제목",
 
                "value": "테스트글입니다",
 
            }, {
 
                "title": "내용",
 
                "value": "곤드레만드레\n나는 지쳐버렸어",
 
            }],
 
            "color": "#F35A00"
 
        }]
 
    }, function(err, result) {
 
        console.log(err, result);
 
    });
 
}
 
 
 
async function loadChannel() {
 
    var channels = {};
 
 
 
    let info = await web.groups.list();
 
    for (var i in info.groups) {
 
        channels[info.groups[i].name] = info.groups[i].id;
 
    }
 
 
 
    info = await web.channels.list();
 
    for (var i in info.groups) {
 
        channels[info.groups[i].name] = info.groups[i].id;
 
    }
 
 
 
    return channels;
 
}
 
 
Colored by Color Scripter
cs

4. 알람 확인하기

5. 응용

- Q&A 게시판 문의시 Slack 알람, Slack에서 Reply시 게시판 답글 자동 작성

- 서버관리, pm2연동하여 프로세스 리스트 출력, 로그출력, 리셋등..

6. 마지막으로

- Slack을 써봅시다.

각종 알람 쉽게 받기 - NATEON

장송송 — Mon, 26 Nov 2018 15:11:31 +0900

네이트온을 이용한 알람 쉽게 받기

- 네이트온은 기업에 특화 되어있어 각종기능들이 많다.

- 팀룸의 기능중 오픈 API 기능을 이용해 각종 알림을 설정해보자

1. 팀룸생성

- 네이트온 목록중 "팀룸 만들기"를 클릭하여 생성

2. 팀룸 오픈 API 생성

- 팀룸에서 알람을 받을 모임 생성 및 사용자 초대하기

- 상단부분 설정에서 오픈 API 연동하기 클릭

3. 연동 설정하기

- 상단부분 새로 연결하기 클릭

- 이름, 모임 을 선택후 생성 (Webhook URL 복사 해두기)

4. 알람 발생시키기

- linux curl 기준

-curl -X POST -H "Content-Type: application/x-www-form-urlencoded" --data-urlencode 'content=테스트메시지' "https://teamroom.nate.com/api/webhook/XXXXXXXXX/XXXXXXXXXXXXXXXXXXX"

5. 잘 이용하기

- 각종 알람등을 아주 쉽게 발생시킬수 있습니다.

- 네이트온은 PC, Mobile 전부 지원합니다.

- 팀장님 대신 열일하는 일지봇, 일지를 잘냅시다??

Bitbucket 2FA 인증 추가하기

장송송 — Mon, 27 Aug 2018 14:11:47 +0900

1. Bitbucket 2FA 설정하기

- Bitbucket Settings -> Two-step verification

- SSH KEY 추가하기

# WIndow CMD에서 ssh key 확인 및 생성

확인 > c:\Users\<user name>\.ssh\id_rsa.pub

파일 없으면 생성> ssh-keygen

-id_rsa.pub 파일 내용을 Key에 붙여넣음.

- QR 코드가 생성 되었는지 확인 후 authy에 등록

2. authy APP 설치

- https://play.google.com/store/apps/details?id=com.authy.authy

3. Chrome plugin 설치

- https://chrome.google.com/webstore/detail/authy-chrome-extension/fhgenkpocbhhddlgkjnfghpjanffonno

4. 정리하며..

- Git remote에 HTTPS로 연결하면 비밀번호 + Authy 키가 필요함.

- SSH-KEY를 등록후 SSH로 연결 하면 비밀번호 없이 사용가능.

Amazon MQ 도입기

장송송 — Wed, 22 Aug 2018 09:24:33 +0900

1. 브로커 생성하기

2. 사용자 생성하기

- Amazon MQ 브로커 설정 가장 아래에 사용자 만들기 이용.

3. 엔트포인트 이용하기

- Ver MQTT

//Server

const mqtt = require('mqtt');

const _SERVER = "";

const _USER = "";

const _PASSWORD = "";

const topic = "/REAL/topic";

const client = mqtt.connect(_SERVER, {

username: _USER,

password: _PASSWORD

})

client.on('connect', function() {

client.subscribe(topic)

client.publish(topic, 'Hello mqtt')

})

client.on('message', function(topic, message) {

// message is Buffer

console.log(message.toString())

client.end()

});

//Html

<!doctype html>

<html>

<head>

</head>

<body>

var _SERVER = "wss://";

var _USER = "";

var _PASSWORD = "";

var topic = "/REAL/topic";

var client = mqtt.connect(_SERVER, {

username: _USER,

password: _PASSWORD

}); // you add a ws:// url here

client.subscribe(topic)

client.on("message", function(topic, payload) {

console.log(topic, payload.toString());

client.end()

})

client.publish(topic, "hello world!")

</script>

</body>

</html>

4. 사용자별 권한주기

- 사용자 추가시 그룹을 설정한다

- Amazon MQ 구성페이지에서 환경 설정을 한다.

- authorizationPlugin 을 추가한다. 아래 예제소스 참고

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

....

<map>

<authorizationEntry admin="users" read="users" topic=".REAL.>" write="users"/>

<authorizationEntry admin="users" read="users" topic="REAL.>" write="users"/>

<authorizationEntry admin="guests" read="guests" topic="DEV.>" write="guests"/>

<authorizationEntry admin="users_auth" read="users_auth" topic="USER.>" write="users_auth"/>

<authorizationEntry admin="guests,users,users_auth" read="guests,users,users_auth" topic="ActiveMQ.Advisory.>" write="guests,users,users_auth"/>

<authorizationEntry admin="admins,users,guests,activemq-webconsole" queue=">" read="admins,users,guests,activemq-webconsole" write="admins,users,guests,activemq-webconsole"/>

<authorizationEntry admin="admins,activemq-webconsole" read="admins,activemq-webconsole" topic=">" write="admins,activemq-webconsole"/>

<authorizationEntry admin="admins,activemq-webconsole" queue=">" read="admins,activemq-webconsole" write="admins,activemq-webconsole"/>

</authorizationEntries>

</authorizationMap>

</map>

</authorizationPlugin>

....

</broker>

Elasticsearch S3 백업 및 복구

장송송 — Tue, 24 Apr 2018 14:40:33 +0900

0. 나의 설정

- Elasticsearch 6.1.1 사용

- path : /data1/elasticsearch-6.1.1 : 이부분은 변경해서 설정하세요.

1. Elasticsearch 환결설정

- vim config/jvm.options

-Des.allow_insecure_settings=true #추가

- vim config/elasticsearch.yml

- network.host: ["나의IP", "localhost"]

2. S3 플러그인 설치

/data1/elasticsearch-6.1.1/bin/elasticsearch-plugin install repository-s3

3. S3 백업 폴더 지정하기

curl --user ID:PW --header "content-type: application/JSON" -XPUT 'localhost:9200/_snapshot/s3_snapshot?pretty' -d '{

"type": "s3",

"settings": {

"bucket": "elasticsearch6-backup",

"region": "ap-northeast-2",

"access_key": "XXXXXXXXXXXXXXXXXXX",

"secret_key": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",

"compress": true

}

- localhost:9200/_snapshot/${name} : name은 스냅샵 이름 위 예제는 s3_snapshot로 사용

- bucket : S3 버킷이름

- region : 리전이름

- access_key : AWS 접속 가능한 키

- secret_key : AWS 접속 가능한 키

4. S3 백업하기

curl --user ID:PW --header "content-type: application/JSON" -XPUT 'localhost:9200/_snapshot/s3_snapshot/bizrpt_20180424?pretty=true&wait_for_completion=true' -d '{

"indices": "bizrpt_auth,bizrpt_category,bizrpt_market,bizrpt_report",

"ignore_unavailable": true,

"include_global_state": false

- localhost:9200/_snapshot/${name}/${backup_key} : name은 스냅샷 이름, backup_key는 복구할때 키기반으로 복구.

- indices : 백업 index 지정

5. 백업 확인하기

# 백업 이름 리스트 확인

curl --user ID:PW -XGET 'http://localhost:9200/_snapshot?pretty'

# 백업 키 리스트 확인

curl --user ID:PW -XGET 'http://localhost:9200/_snapshot/s3_snapshot/_all?pretty'

6. 백업 삭제하기

#백업 이름 삭제

curl --user ID:PW -XDELETE 'http://localhost:9200/_snapshot/s3_snapshot'

#백업 이름에대한 키 삭제

curl --user ID:PW -XDELETE 'http://localhost:9200/_snapshot/s3_snapshot/bizrpt'

7. 복구하기

#전체 복구하기

curl --user ID:PW --header "content-type: application/JSON" -XPOST 'localhost:9200/_snapshot/s3_snapshot/bizrpt_20180424/_restore?wait_for_completion=true'

#인덱스 지정 복구하기

curl --user ID:PW --header "content-type: application/JSON" -XPOST 'localhost:9200/_snapshot/s3_snapshot/bizrpt_20180424/_restore?wait_for_completion=true' -d '{

"indices": "bizrpt_market,bizrpt_category,bizrpt_auth,bizrpt_report_v1",

"ignore_unavailable" : "true",

"include_global_state" : false,

"rename_pattern": "bizrpt_(.+)",

"rename_replacement": "restored_bizrpt_$1"

- rename_pattern : 패턴을 지정하여

- rename_replacement : 이름을 바꿔서 복원할수 있다.

8. 참고사항

- 엘라스틱서치의 백업은 증분 백업. ( 직접 서버 구축하여 이용시 s3에 백업하자 )

9. 기타 추가자료

- 백업 shell 만들기 : 키는 겹치면 안됨으로 날짜+시간값을 얻어와서 키로 지정.

dd=`date '+%Y%m%d%H%M'`

str="curl --user ID:PW --header \"content-type: application/JSON\" -XPUT 'localhost:9200/_snapshot/s3_snapshot/bizrpt_${dd}?pretty=true&wait_for_completion=true' -d '{

\"indices\": \"bizrpt_auth,bizrpt_category,bizrpt_market,bizrpt_report\",

\"ignore_unavailable\": true,

\"include_global_state\": false

}'"

echo $str

echo $str | sh

- 오래된 백업 키들 제거 shell : 2 week ago 으로 지정

dbs=`curl --user ID:PW -XGET 'http://localhost:9200/_snapshot/s3_snapshot/_all?pretty' --stderr - |grep \"snapshot\" |sed -e 's/snapshot//g' | tr -d '", :'`

dd=`date '+%Y%m%d0000' -d '2 week ago'`

echo $dd

for db in $dbs; do

echo run ${db}

if [ $db \< $dd ]

then

str="curl --user ID:PW -XDELETE 'http://localhost:9200/_snapshot/s3_snapshot/${db}'"

echo $str

echo $str |sh

done

10. 마치며..

- 저도 완벽히 알고한게 아니며 헤딩하면서 하고있습니다.

- 잘못된점이나 개선사항은 알려주시면 감사하겠습니다.

elasticsearch mapping 변경

장송송 — Fri, 13 Apr 2018 10:10:21 +0900

Elasticsearch mapping 변경하기

0. 변경

- elasticsearch의 mapping은 새로 추가하는 경우는 가능하지만 이미 사용하는걸 바꾸기는 어렵다!

- 어플리케이션단 중단없이 이용을 위해 _aliases 로 변경예정

1) 단순 mapping 변경.. 항목추가정도

PUT bizrpt_report_v4/_mapping/doc

{

"properties": {

"rpt_time": {

"type": "text",

"fielddata": true,

"fields": {

"keyword": {

"type": "keyword",

"ignore_above": 256

}

2) 변경이 클때

1. 변경전 상황

- elasticsearch 6.1 버전 이용중!

- aliase INDEX : bizrpt_report, 실제 INDEX : bizrpt_report_v4

- 어플리케이션단은 bizrpt_report를 index로 이용하여 조회 하지만 실제는 bizrpt_report_v4임.

- bizrpt_report_v5를 새로만들어 매핑변경 예정.

2. 기존 매핑 가져오기

GET bizrpt_report_v4/_mapping

RESULT =>

{

"bizrpt_report_v4":{ //bizrpt_report_v4는 INDEX 이름

"mapping":{

"doc":{ // doc은 타입 이름

"properties" : { .... }

}

2. 위에 RESULT를 변경하여 새로운 매핑정보로 인덱스를 등록

PUT bizrpt_report_v5

파라미터 => {

"mapping":{

"doc":{ // doc은 타입 이름

"properties" : { 새로운 매핑정보 }

}

3. 데이터 넣어주기

- 현재 bizrpt_report_v4 Index에 90만개 데이터가 있었는데 이용에 불편없이 복사됐으며 걸린시간은 5분 미만.

POST _reindex

파라미터 => {

"size": 1000000, //갯수

"source": { //기존

"index": "bizrpt_report_v4",

"dest": { //새로만든곳

"index": "bizrpt_report_v5"

}

4. alias 변경하기

POST /_aliases

{

"actions": [

{ "remove": {

"alias": "bizrpt_report",

"index": "bizrpt_report_v4"

}},

{ "add": {

"alias": "bizrpt_report",

"index": "bizrpt_report_v5"

}}

]

}

5. 확인하기

git vs svn 선택의 문제

장송송 — Tue, 26 Dec 2017 15:39:03 +0900

0. 이글은 개인적인 견해임으로 보실때 참고 바랍니다.

1. SVN vs Git

- 엄마가 좋아 아빠가 좋아?

- 엄마는 보수적이며 중앙집중식이야 - SVN

- 아빠는 개방적이며 분산처리식이야 - Git

- 그럼 왜 Git ?

- 버전관리는 기본

- 버전관리 시스템 유랑기

- https://gist.github.com/benelog/2922437

- 코드리뷰할 도구들과 연동 (GIthub, Bitbucket)

- 브런치 : 운영서버와 상관없이 개발할수 있는 환경이 돼야함

- (SVN도 기능이 있지만 약함)

- 운영서버용 master 브런치

- 개발서버용 develop 브런치

- 기타 기능 개발용 XXX 브런치

2. Git 이란 무엇인가?

- 아래 블로그로 대체

- https://tuwlab.com/ece/22202

- https://www.slideshare.net/einsub/svn-git-17386752

3. 코드리뷰 도구의 사용

- Bitbucket

- Reviewers : 리뷰줄 사용자를 지정

- File changed : 변경된 파일리스트를 확인

- 파일들의 변경된 부분을 확인

4. Webhook을 통한 기타기능의 연동

- Bitbucket -> WebHook 이용

- SVN -> Hook -> post, pre commit 이용

- hook event를 발생하여 Slack 및 Jira 등의 프로그램 연동하여 이용

- Brunch에 따라 Color 구분 : 운영서버 개발서버 구분

- JIRA issue 자동업데이트

5. 느낀점

- 장기는 직접 둘 때보다 훈수 둘 때가잘 된다.

- 자신이 잘하겠지만 코드리뷰를 하다보면 더 발전된 자신을 보게될것이다.

[NODEJS] EUC-KR URL 인코딩 만들기

장송송 — Tue, 19 Dec 2017 14:58:50 +0900

request 사이트의 인코딩이 euc-kr일경우 nodejs의 utf8에서 만들경우 사용.

var iconv = require('iconv-lite');

var strUtf8Query = decodeURIComponent(req.path);

var buf = iconv.encode(strUtf8Query, "euc-kr");

var encodeStr = '';

for (var i = 0; i < buf.length; i++) {

encodeStr += '%' + buf[i].toString('16');

}

encodeStr = encodeStr.toUpperCase();