Ziks

[QT] Signal 과 Slot (Event 처리)

YunZiks — Thu, 15 Jul 2021 18:06:02 +0900

Signal ↔ Slot은 객체간의 통신을 위한 기능

QT에서는 이벤트를 처리할 때 관찰자 패턴인 Signal& Slot을 사용한다. 객체를 클릭하거나 잡는 등의 여러가지 이벤트들을 캐치하고 각 이벤트들에 맞는 함수를 실행한다. 기본적으로 QT에서 제공되는 위젯들은 여러가지 Signal이 제공된다.

하나의 Signal은 다수의 Slot과 연결하여 사용할 수 있다. 하나의 Signal에 여러개의 Slot을 등록하여 여러개의 핸들러를 실행할 수 있다. 또한, Signal 과 Slot은 GUI 이벤트 루프와 완전히 독립적으로 수행된다.

QT는 타입 안정성을 가지고 있으며 OOP를 사용하는 언어들에서 주로 쓰이는 인터페이스를 사용하면 객체와 객체의 커플링으로 상호 참조 및 강한 커플링이 생기는 것을 방지하기 위해 핸들러 오브젝트간 서로 참조하지 않게하여 아무런 연관관계 없이 사용이 가능하다.

Connect함수를 사용하여 Signal과 Slot을 객체간의 연관관계를 맺어주고 연결한다. Slot이 처리해야할 Signal을 관찰하고 있다가 이벤트가 발생하면 Slot이 실행되는 것.

Singal : 이벤트를 캐치하고 처리하는 것
Slot : Signal로부터 받은 이벤트를 처리할 함수를 지정함.

Node.js에서의 Development Mode, Production Mode 분기

YunZiks — Tue, 8 Dec 2020 23:38:40 +0900

개발을 완료하고 서비스를 배포하거나 오픈소스로서 깃 허브에 배포되지 말아야하는 정보들이 있습니다. DB의 Password나 외부 API의 Key값, 클라이언트에게 보이지 말아야 할 에러 메시지등 이러한 정보들은 배포시에 함께 배포되면 안되기에 NODE_ENV 환경변수를 설정하고 Development 모드와 Production 모드로 나누고 이를 활용해야 합니다.

1
2
3
4

config/
├── development.js
├── key.js
└── production.js

cs

 

먼저, Project 내에 config폴더를 만들고 다음과 같이 구성해주세요. 모듈명에서 이미 들어나듯 deveopment와 production모드를 나누고 key.js에서 환경을 파악한 후에 맞는 모듈을 찾아 Export 하는 방식입니다.

구성하기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// config/development.js
module.exports = {
  PORT: 5000,
}
 
 
// config/production.js
module.exports = {
  PORT: process.env.PORT,
};
 
// config/key.js
if(process.env.NODE_ENV === 'production'){
  module.exports = require('./production');
} else {
  module.exports = require('./devopment');
}
 
Colored by Color Scripter

cs

 

development.js 모듈에는 Express 서버 환경의 개발 포트가 설정 되어있고 이를 module.exports를 이용해 export 해줍니다.
production.js 모듈은 배포환경에 맞도록 작성해주시면 됩니다.
key.js에서 process.env.NODE_ENV를 활용하여 각 환경에 맞는 라우팅이 이루어 질 것입니다.

이렇게 개발, 배포환경에 맞게 각 변수들을 모듈별로 나눈 후에 .gitignore에 development.js 를 설정 해주시면 배포시 개발환경에 대한 정보들은 배포되지 않을것입니다. 분기를 통해 얻는 장점은 프로젝트 내의 공통된 변수를 정의함으로서 쉽게 관리가 가능한 편리함과 프로젝트의 민감한 정보를 보호할 수 있을 것입니다.

Mongoose 스키마 및 모델

YunZiks — Tue, 8 Dec 2020 00:34:52 +0900

Mongoose는 MongoDB 및 Node.js를위한 ODM (Object Data Modeling) 라이브러리
객체안의 속성들이 필드 이름이 되며 객체 형태로 작성됩니다.

SQL, Mongo 비교

Mongoose 스키마 및 모델 정의

Mongoose에서는 스키마와 모델의 개념이 가장 중요합니다. 스키마를 정의할 때는 주로 데이터의 형식, 데이터의 타입등을 고려하며 작성합니다.

스키마는 문서에 어떤 값 또는 특성이 들어가는지 정의
- 데이터베이스의 테이블, 컬렉션 타입 및 속성을 정의하는 문서의 형태 또는 구조
모델은 위에서 만들었던 스키마를 통해 만드는 인스턴스
- 작성된 스키마를 인스턴스화 하여 사용할 수 있게 함
Collection
- 관계형 데이터베이스의 테이블과 동일
- 여러 JSON 문서 보유 가능
Document
- SQL의 레코드와 동일

스키마 작성 및 모델 활용

const mongoose = require('mongoose');

const bookSchema = mongoose.Schema({
  bookName: {
    type: String,
    required: [true, '책 이름이 필요합니다.'],
    minlength: 3,
    maxlength: 50
  },
  author: {
    type: String,
    required: true,
    maxlength: 30
  },

  publishedDate: {
    type: Date,
    default: Date.now()
  },
  price: {
    type: Number,
    default: 0
  }
  

});
const Book = mongoose.model('Book', bookSchema);

module.exports = {Book}

mongoose.Schema를 활용하여 스키마 작성을 진행합니다. bookName, author, publishedDate, price는 각각 필드명을 뜻하며 필드명 내에는 속성을 지정할 수 있습니다. 위의 코드를 예를 들며 설명해보겠습니다.

bookName
- type은 String(문자열)
- required[true, '책 이름이 필요합니다.']
  - required는 반드시 존재하여야 하는 여부를 나타내는 속성이며 만약 작성되지 않을 경우 유효성 검사를 통해 배열의 두번째 값인 '책 이름이 필요합니다.' 가 리턴됩니다.
- minlength & maxlength
  - 최소 , 최대길이
publishedDate
- type은 Date(날짜형식)
- default
  - 기본값을 지정해 줄 수 있는 속성입니다.
  - Date.now()는 현재 시간을 저장하는 메소드입니다.
price
- type은 Number(숫자형)
- default는 0으로 지정

mongoose.model()을 통해 스키마를 인스턴스 화 시켜 타 모듈에서 import하여 사용할 수 있게끔 export 합니다.
- mongoose.model('모델 이름', 스키마)

이외의 다양한 스키마 속성은 Mongoose Document를 참고해주세요

Dev-Ops? Docker?

YunZiks — Thu, 20 Aug 2020 12:04:28 +0900

개발팀 vs 운영팀 (Dev-Ops)

개발의 Dev + 운영의 Ops
- 개발팀과 운영팀의 서로 추구하는 목표가 다르기에, 개발과 운영의 조화를 위함
  - 개발팀
    - 개발자의 언어, 프레임워크, 신기술들을 적용해보고 싶은 갈구하는 마음 추구!
  - 운영팀
    - 안정적인 Infra 추구!
- 즉 DevOps는 개발 및 배포환경을 개발팀과 운영팀의 작업을 수월하게 진행할 수 있게 함을 목적으로 함.

VMware vs Docker ?

VMware
- HostOS 위로 Hypervisor 기술을 활용하여 가상의 H/W 구현 후 실제 OS (Guest OS)를 쌓아 올려 만든다
- H/W 를 구현하고 실제 OS를 올리기에 굉장히 무거움
  - 용량이 크고 무겁다!
- 이미지를 생성하고 실행하는 기능 존재
  - 하지만, 배포 / 관리 기능이 부족하다.
Docker
- Docker는 하드웨어를 가상화하는 계층이 없음
  - 때문에, 메모리접근, 파일시스템 등의 속도가 VMware에 비해 훨씬 빠르다!
- 리눅스 계열에서는 리눅스 컨트롤 그룹( C-Group)을 활용하여 가상화
- 리눅스 네임스페이스 사용
  - 파일이나 네트워크 인터페이스를 가상화해서 자신만의 것을 가질 수 있는 기능
- 윈도우 계열에서는 Hyper-V 기술 활용

On-premise

클라우드가 아닌 직접 사내 전산실, 집 데스크톱에 H/W 및 S/W를 직접 구축하여 운용하는 서버 방식

Kubernetes

수 많은 Docker들을 관리하는 프로그램
- Docker 오케스트레이션 할 수 있는 도구
Google에서 Go로 만들고 있음. (2014년 런칭)

참고자료

급부상 하는 Docker Container

[IT트렌드] 급부상 하는 Docker Container | manTech

스마일게이트 서버개발캠프 5주차까지의 기록

YunZiks — Thu, 12 Mar 2020 18:33:21 +0900

이전에 Notion에 써놓았던 글을 이제야 올립니다 ..

서버개발캠프 절반!

어느 덧 서버개발캠프 5주차! 이제는 사람들과 어느정도 친분을 쌓아 사무실로 들어오는게 어색하지 않다. 첫 2주간은 내가 여기에 있어도 되는걸까? 라는 생각과 함께 나보다 이 캠프가 간절한 사람들에게 왠지 모를 미안한 마음이 가득했다. 시작부터 다사다난 했던 캠프 생활은 겨울이라는 차가운 계절도 느낄 새도 없이 내 손가락을 불타게 해주었다. 10시부터 오후 4시가 아닌 10시 11시까지 프로젝트 생각만 하고 있다. 여러 공모전에서 수상하고 학부연구생을 경험하며 국내지만 논문도 등재하였고, 여튼 이전 학교생활과 비교해 보았을 때 나름 열심히 4학년을 불태웠지만, 그런 대회들에 내 온전한 시간을 할애하지는 않았다. 하루동안 할 일을 어느 정도 끝내놓았다 싶으면 친구들과 술을 마시고 여자친구를 만나고, 밴드 친구들과 공연을 하며 나의 음악을 알렸다. 여가 생활을 절대 뺏기고 싶지 않아 어떻게든 열심히 놀았다. 놀기위해 공부하는 느낌?

스마일게이트 서버개발캠프의 주어진 2달이라는 ~~(아직은 한달차 이지만)~~ 절대적으로 짧은 시간동안 원하는 결과물이 나올 수 있게 집중하고 구현 해야하는 시간은 나에게 있어서 많은 변화를 가져다 주었다. 먼저 여태까지 프로젝트에서는 솔직하게 말하자면, 정확한 직무 분배가 이루어지지 않았었다. 서로 서로 모르는 부분이 있으면 당장 달려가서 해결하고 약간 어거지로 끝내는 프로젝트의 느낌이랄까? 이번 서버개발캠프에서는 내가 해보지 못한 프론트엔드 분야를 맡고, 정말 울면서 공부하고있다ㅎㅎㅎㅎㅎ..... 사람은 원래 혼나면서 성장한다고 하던데, 나는 좀 더 혼나야 할 것 같다.

28년 돌고 돌다 이제는 개발

28년 인생 정말 많은 일들이 있었다. 군인이 되고 싶어 육군3사관학교를 두번이나 갔다왔지만, 신체적인 문제로 인해 결국 공익으로 복무하고 멜로딕 펑크 록에 미쳐 "나는 슈퍼간지 베이시스트가 될거야!" 하고 엄청난 시간과 돈을 투자한 음악생활 또한 결국 찢겨져 나갔다. 인생의 나락까지 찍은 내 자존심은 셀수 없이 안좋은 생각을 했지만, 결국에는 개발자의 삶이었나 보다. 인하사대부중에서 단지 전공이 정보통신공학이라는 이유로 서버실에서 공익으로 복무하게 되었을 때, 나는 자존감도 바닥이었고 될대로 되라 하며 하루하루를 버텼다. 내가 이곳에 있는게 맞는건지, 나와 함께 가입교 생활을 보내었던 동기 생도들은 임관을 앞두고 있는데, 나는 결국 공익이구나. 지금 생각해보면 정말 이때가 인생의 터닝 포인트였지 싶다. 우연히 맡게된 서버실의 생활은 내인생에서 가장 행복했던 시간이었다. 정보선생님과 로봇부 아이들과의 만남을 통해 나는 개발자라는 진로에 대해 신중히 고민하였고, 공부를 시작하였다. 이때 이후로 멋쟁이 사자처럼이라는 동아리를 통해 더욱 더 개발자에 가까워 졌달까..?

지금은 스마일게이트 서버개발캠프에서 잘 모르는 분야를 공부하며 밑바닥 인생을 경험하고 있다. 내가 부족한것에 대해 집중적으로 공부할 수 있는 환경과 시간은 아마 지금뿐이지 않을까..? 남은 약 4주간 내가 얻을 수 있는 것들을 모조리 가져가야겠다.

어떤것을 얻을 수 있을까?

또한 나에게 없는 다양한 장점을 가진 친구들 한명 한명이 정말 귀중한 선생님들이다. 이 캠프를 시작하기 전 다짐했던 다양한 장점을 가진 사람들과의 만남을 통해 나이 성별 불문하고 그들의 장점(개발스킬 뿐만 아닌)을 내것으로 만들고 싶다. 남은 4주간의 캠프생활을 통해 좀더 문제에 대해 깊게 생각하고 진지해질 수 있는 나 자신이 되었으면 좋겠다. 그리고 여기에서 만나는 인연들이 쭈욱 이어질 수 있기를!

MySQL 설치 및 설정

YunZiks — Wed, 4 Mar 2020 00:00:59 +0900

MySQL-server

ubuntu 18.04 기준

MySQL-server 설치

sudo apt-get install mysql-server

MySQL (3306) 포트 개방 및 실행

# MySQL 포트허용
sudo ufw allow mysql
# 실행
sudo systemctl start mysql
# MySQL 자동 시작
sudo systemctl enable mysql

root 계정으로 MySQL 실행

    sudo /usr/bin/mysql -u root -p

MySQL 버전 확인

    SHOW VARIABLES LIKE "%version%";

MySQL root 계정 패스워드 추가

    ALTER USER 'root'@'MySQL 서버 주소' IDENTIFIED BY '패스워드';

MySQL 계정 정보 확인 방법

    SELECT User, Host authentication_string FROM mysql.user;

Database 생성 및 계정 추가

    CREATE DATABASE <데이터베이스 이름>;
    # 데이터베이스 확인 
    SHOW DATABASES;

MySQL의 user 테이블 변경 시 반드시 flush privilege; 쿼리를 날려줄 것 !

추가, 삭제, 권한변경 등 모든 유저 관련 행위시!
```
  FLUSH PRIVILEGES;
```

계정에 데이터베이스 권한 부여

    GRANT ALL PRIVILEGES ON <데이터베이스 이름>.* TO '계정명'@'MySQL 서버 주소';

계정이 데이터베이스 서버에서 어떤 권한을 가지고 있는지 확인

    SHOW GRANTS FOR '계정명'@'MySQL 서버 주소';

계정 접속 위치 설정

    # 특정 IP 에서만
    CREATE USER '계정명'@'ip 주소' IDENTIFIED BY '패스워드';
    GRANT ALL PRIVILEGES ON *.* TO '계정명'@'ip 주소' WITH GRANT OPTION;
    FLUSH PRIVILEGES;

    # 특정 주소 지정 안함 
    CREATE USER '계정명'@'%' IDENTIFIED BY '패스워드';
    GRANT ALL PRIVILEGES ON *.* TO '계정명'@'%' WITH GRANT OPTION;
    FLUSH PRIVILEGES;

이 글은 제가 쓴 글이 아닌 TongChun님 블로그를 참고해서 제가 까먹지 않게 정리한 글 입니다.
원글 출처 : TongChun 블로그

yarnpkg 서명키 업데이트 관련 에러

YunZiks — Sun, 2 Feb 2020 18:07:51 +0900

apt update중 yarn 서명 키 사용 불가 관련에러 처리 방법

W: An error occurred during the signature verification. The repository is not updated and the previous index files will be used. GPG error: https://dl.yarnpkg.com/debian stable InRelease: The following signatures were invalid: EXPKEYSIG 23E7166788B63E1E Yarn Packaging <yarn@dan.cx>
W: Failed to fetch https://dl.yarnpkg.com/debian/dists/stable/InRelease  The following signatures were invalid: EXPKEYSIG 23E7166788B63E1E Yarn Packaging <yarn@dan.cx>
W: Some index files failed to download. They have been ignored, or old ones used instead.

서명 키 유효기간 오버된 경우인 듯

wget -qO - https://raw.githubusercontent.com/yarnpkg/releases/gh-pages/debian/pubkey.gpg | sudo apt-key add -

wget로 새로운 키를 받아 적용합니다.

소금을 친 해싱 (hash + salt)

YunZiks — Sun, 19 Jan 2020 22:36:52 +0900

맛 좋은 해싱

Salt 인증방식

Salt → 단순히 임의의 난수 값
일반적으로 Salt값은 DB가 털렸을때를 위한 것이 아닌 테이블(Rainbow Table)을 이용한 공격을 막기위한 수단
SHA256, SHA512등 검증된 암호화 이용
- MD5, SHA-1같은 알고리즘은 이미 저세상으로 갔기에 .. (뚫려버림)
순서
- 가입 시
  1. hash_value = hash(Password + salt )
  2. hash_value 를 DB table에 저장
- 로그인 시(validation check)
  1. Login_Password 입력
  2. 사용자의 salt 값, hash_value를 DB에서 가져온다.
  3. if hash(Login_Password + salt) == hash_value:

어디에서 해싱해야 하나요?

클라에서 해싱? ⇒ 땡
- 브라우저에서 JS로 해싱된 후 서버에 저장되었다는 가정하에.
  - 클라에서 hashing 후 서버에서 전달 도중 hash값이 가로채면 고대로~
- 만일, 브라우저에서 해싱되었다면 서버에서도 해싱을 진행 할 것.
- 고려사항이 많음
  - 클라이언트 브라우저별 JS 버젼 지원 유무
    - js기능을 꺼놓을 경우 서버에서 Hashing 진행해야 함.
  - https를 대신 할 수 없다.
    - 중간에 가로채면 답없다~
- 서버에서 해싱? ⇒ 정답!

참고

비밀번호 해시에 소금치기 - 바르게 쓰기

bcryptjs

PMP 멘토링 이후

YunZiks — Wed, 15 Jan 2020 11:05:52 +0900

이사님 멘토링 이후의 정리 및 나의 생각

PMP내의 관리 영역의 부재

스크럼의 의미를 파악할것
- 스프린트 - 벽을 돌파하기 위해 꽁꽁 싸매서 돌파!
- 스크럼 - 여태까지 방법으로만 생각을 했지만,,,
스크럼 시 어떻게 진행할지
'나는 ~이렇게 진행했어' 가 아닌 '무엇인가..?'

관리방법 및 목표 설정

이사님 : Data PipeLine에 인력이 쏠릴 수 있다
- 어떻게 인력 및 개발을 관리할 거니?
- Clone을 진행하는 데 있어서
  - 우리 의견 : TweetDeck 개발자들이 고민했던 것들을 똑같이 고민하고, Data Flow를 이해할 수 있다.
  - 이사님 의견 : 이미 개발자들이 다 고민해서 만들어 놓은 것을 뭐하러 똑같이 고민하냐. 좀 더 욕심을! 개개인이 서버 개발 캠프에서 얻어 갈 수 있는 것을 좀 더 고민해봐라
  - 내가 이해하고 나서의 생각 : 기능적 차별점 및 내 욕심을 좀 더 들어내야겠다고 생각.
- PMP문서는 끝나지 않는다!
  - 작성 시 -> 우리들의 목표(얻고자 하는 것, 욕심, 의지, 여러 가지) -> 정리 -> 프로젝트 -> Risk Point, Pain Point 어떻게 찾을지? -> 최종 프로젝트가 끝날 때 모든 게 끝난다.
  - PMP가 근사 할 수록 뭔가 잘못 된 것 ->

팀 빌딩의 의미

각 구성원이 한 명분의 commitment를 측정하여 실천해야 한다.
- ~~내 commitment는~~
팀을 위해 희생할 것인가? 나에게 남는 것은?
- 개인마다 생각이 다를 듯,,
- 욕심을 조금 부려도 괜찮을 것 같다.
- 하지만, Team의 Job 분배는?

나의 의견

Frontend를 똑같이 구현해보고 싶었지만, 나의 의견 전달을 잘못 드린것 같다.
1. 사실 서버를 좀 해보고 싶은 마음도 있었음. ~~(욕심이 과한 것 같다.)~~
2. 2달 동안의 짧은 기간(어쩌면 6주)에서 개개인의 욕심을 부려 진행한다면 과연 이 프로젝트는 성공할 수 있을까?
3. 이사님 말씀대로, Clone이 아닌 우리만의 생각을 고민해 보는 프로젝트를 진행한다면, 과연 6주 내로 성공할 수 있을까?
4. 분명, 프로젝트를 진행하는 데에 있어서 개개인의 욕심과 다른 사람들의 비판이 맞물린다면, 팀의 불화는 어떻게 대처할 것인지?
5. 이사님 말씀대로라면 기능 추가가 필요해 보임 (5번에서)
6. Project의 성공을 위해서라면 한 명의 커밋 먼트는 솔직하게 측정해보자.

기능 추가 건의 및 의견

BTS Column의 실시간 단어별 통계 시각화 Column. (d3.js)
- 어떤 단어들이 주로 쓰이는지, 시간은 언제인지, Data들에 대한 세부적인 통계가 필요할 듯.
FrontEnd의 그놈의 감각! 적인 디자인 변경
- ~~감각이 중요한 건 맞지만 노력이 감각을 이길 수 있을 것 같다는 말을 하고 싶었는데..~~
프록시 서버가 굳이 필요할까 싶지만
- 필요가 없더라도 넣어보자.
- milestone3를 위한 단계라고 생각하면 될 듯.

나의 벽?
- 솔직하지 못한 게 벽인 것 같다.
  - 이전까지 프로젝트들을 진행하며 너무 완성에만 신경을 쓰다 보니 자연스레 역할 분배가 안되었음.
  - 역할 분배로 딱 개발하기보다는 뭔가 개발은 개발인데, 유지보수의 느낌..?
  - 좀 더 욕심을 부려보자. ~~욕심이 과하다가 완성도 못하면 어떡하지.. ~~~
  - 해결책 : 너무 Project의 완성에 신경 쓰기보다는 이 캠프를 통해 내가 진짜로 얻어 갈 수 있는 것들에 대해 생각해보자.

Lambda Architecture

YunZiks — Fri, 10 Jan 2020 18:30:47 +0900

여러 오픈소스들을 조합하여 실시간 처리를 할 수 있는 구조
효율적인 방식으로 대량의 데이터를 처리할 수 있는 데이터 처리 기술
폴리글랏 프로세싱이라고도 함
Speed Layer + Batch Layer + Serving Layer의 3계층으로 구성된 실시간 아키텍쳐

Lambda Architecture

장점

지연 시간 감소
높은 처리량, 낮은 대기 시간 (= 실시간)

Batch Layer
- 데이터를 단위(시간, 크기 등) 만큼 잘라 처리한다.
- immutable data set의 성질을 갖는다.
- 모든 새로운 Data Stream은 Data Lake 위에서 처리됨
- 메모리 데이터베이스(ex. Redis)나 NoSQL기반 데이터베이스를 사용하여 Data Lake에 저장하는 경우
  - MapReduce / Machine Learning 을 사용, 데이터 처리하여 Batch View를 예측한다.
- Batch Layer의 master dataset에는 처리 전의 Raw Data들을 저장한다.
  - Batch View의 데이터가 잘못되었을 때 복구를 위함
  - 새로운 뷰를 제공 할 때 통계 분석이 가능함
Speed Layer
- Batch Layer 작업 후 들어오는 실시간 데이터 처리
- ~~Batch Layer에서 수행되는 도중 결실된 데이터를 위한 실시간 분석~~
- Queue, Buffer등의 빠르고 효율적인 구조 사용
- 효율적인 스트림 처리를 위한 증분 처리방식을 사용함
- Batch Process가 완료된 시점에 처리된 Real Time View는 삭제됨
Serving Layer
- Batch View + Real Time View
- 두 과정의 뷰를 merge하여 사용자의 쿼리에 대한 응답