B급 개발

입대 하루전에 만든 군대 가기 싫은 시각화

프로젝트 링크 : https://github.com/lunaB/Pain-of-Korea-Army

만든 날짜 : 21-09-06

만든 이유 : DP보고 똥줄타서 3시간만에 갈겼다

2022-04-15 / 일병 5호봉

눈물의 군생활을 만끽중이다. 생각한 것 만큼 거지 같다. 

from. 싸지방

2020 SAI-I 2학기 동아리 프로젝트

프로젝트 링크 : https://github.com/sju-coml/2020-Font-picker

프로젝트 실험 보고서 : https://github.com/sju-coml/2020-Font-picker/issues

발표 영상 : https://youtu.be/GHrb8dILj0k?t=632 (발표 중간에 화면에 문제가 있습니다. PPT를 다운받아서 함께 봐주세요)

발표 자료 : https://github.com/sju-coml/2020-Font-picker/blob/main/presentation/트리케라톱스.pdf

폰트와 폰트 사이의 스타일을 갖는 또다른 폰트를 만들어내는 GAN기반 모델 실험 프로젝트이다.

본인은 해당 프로젝트에서 팀장을 맡았다. 웹 데모에서는 5개의 베이스 폰트를 지원한다.

zi2zi 프로젝트를 기반으로 만들었으며, 레퍼런스 코드를 처음부터 끝까지 완벽하게 분석하고 진행한 연구 프로젝트이다.

나중에 시간이되면 해당 모델의 loss 설계와 문제 해결에 대하여 정리한 포스팅을 해볼까 한다.

해당 프로젝트의 issue에는 매우 디테일하게 실험 과정과 시행착오에 대하여 볼 수 있다.

사이트 링크 : http://cocktail-mbti.com 
프로젝트 링크 : https://github.com/Public-Luna/Cocktail-MBTI
발표영상 : https://www.youtube.com/watch?v=T7VcDpdCvqc
 
만든지 어느덧 반년 넘은 위 서비스도 기억을 되짚으며 후기를 적어보려고 한다.
 
칵테일 MBTI는 어떤 서비스인가?
한창 유행하는 MBTI성격검사에 스토리와 무드를 가진 칵테일을 접목시켜 재미있게 성격을 풀이해주는 서비스이다.
 
개발은 2021년 2월 말 부터 매주 1~2번 정도씩 밤시간에 잡담하면서 3주 정도 걸려서 만들었다.
2021년 3월 초반 ~ 2021년 8월 중반 까지 운영했다.

어쩌다가 만들게 되었는가?
우선 동아리 친구들에게 프로젝트 기획, 개발, 배포, 운영, 분석 까지의 5 스텝을 경험시켜주고 싶어서 기획한 프로젝트이다.
해당 프로젝트는 PM으로 참여 했으며 본인포함 3명이서 진행했다. 약간 선생님 느낌으로 한 기억쓰(?)
 
어떻게 진행했는가?
본인은 기획, 프로젝트관리, 트러블슈팅을 했으며, 본인 외 2인이서 멘토멘티 체제로 진행했다.
협업도구로는 GITHUB를 이용했다. 협업과 버전관리 배우기 딱좋은 소규모 프로젝트라고 생각한다.
알고리즘 설계와 질문지 작성 단계에서는 지속적으로 피드백을 받으며 알파테스트도 같이 진행했다.

또한 프로젝트 설계에 있어서는 어느정도 가이드라인이 필요할 것이라고 생각하여 어느정도 명세를 짜주었다.
다들 공부 의지가 있어서 가르치는 맛이 있었달까...? 암튼그렇다.
 
개발 스펙은 어떻게 정했는가?
개발 스펙은 아래와 같다. 빨리만들어서 빠르게 배포하고 결과를 보는게 목적이였기 때문에 최대한 가볍게 설정했다.
버전이 크게 의미있는 프로젝트는 아님으로 생략했다.

firebase는 쉽게 google analytics를 달기위한 목적으로만 사용하였다 (cdn)
google ad는 검토기간이 길기 때문에 빠르게 광고를 달기위해 Kakao Adfit을 이용했다.
이용자가 유추되는 서비스가 아니며 AWS ec2인스턴스를 이용함으로 보안을 위해 Cloudflare를 미리 달았다.
무중단 배포관리를 위해 PM2를 이용했다. 
 
목표하던 트래픽은 어떻게 달성했나?
해당 프로젝트는 단기간에 높은 이용율을 끌어올리는것이 목표인 프로젝트임으로 트래픽은 매우 중요한 포인트이다.
릴리즈 1주일만에 5만명 이상이 해당 서비스를 이용했으며, 서비스 종료까지 총 약14만명이 해당 서비스를 이용했다.
(아래 사진 트래픽 아닙니다! 이용자수입니다)

분석은 어떻게 진행했나?
google analytics를 이용하여 사용자 분석을 해볼 수 있는데 이 또한 상당한 재미요소였다. 
여러가지 재밌는 데이터와 분석의 여지가 있지만 발표에서 제일 반응좋았던 몇가지만 정리해보자면 아래와 같다. 
 
A양과 B양이 주변 사람들에게 홍보를 시작했다. 그렇다면 A양과 B양 동네 주변으로 트래픽이 퍼져나갈까?
실시간! 어떤 시간에 사람들이 해당 서비스를 이용했을까?

어떤 사이트에서 어떤 사이트로 트래픽이 움직였을까?
감성넘치는 칵테일 MBTI를 이용하는 사람들은 Apple사용자일까? (No...)

이 외에도 사람들이 해당 설문을 이용하는데 얼마나 걸렸나?
어떤 연령대의 사람이 이용했는가?
커뮤니티별로 트래픽이 확산되는데 어떠한 특징이 있었나?
등등 생각해볼것이 많았다.
 
운영은 어떤 시점에서 종료했나?
칵테일 MBTI로 고기 회식 한두번 할정도의 수익을 만든 시점에서 운영을 종료했다.
단발성으로 트래픽이 폭증하는것을 노린 서비스임으로 오래 운영할 생각은 없었다.
 
수익은 얼마안되지만 알콜중독치료관련기관에 기부하기로 한 상태이다.
뭔가 의미부여를 하고싶었다. (칵테일 MBTI -> 알콜중독치료기관) !!
 
느낀점
친한사람들과 가볍게 프로젝트하고, 개발도 가르쳐주고, 그러면서 더 친해지고해서 좋았던 것 같다.
나혼자 했다면 이렇게 사용률을 끌어올릴정도로 퍼트리지 못했을 것 같은데, 다들 인싸들이라 엄청난 화력으로 퍼트릴 수 있던 것 같다.

위키 링크 : http://yywiki.lunab.xyz

위키 프로젝트 링크 : https://github.com/lunaB/YY-Wiki

위키 위키파서엔진 링크 : https://github.com/lunaB/WuriSchoolWikiEngine

만든 지 어느덧 4년이 지난 1인 개발 사이트이다. 기억을 더듬어 운영 개발 후기를 적어보려고 한다.

양디위키가 어떤 사이트인가?

양영디지털 고등학교 학생들의 슬기로운 학교생활을 위하여 만들어진 재미 지향적인 위키이다.

주로 양영디지털 고등학교 2018년 ~ 2020년 소프트웨어과 졸업생들이 주로 많이 사용한 것으로 추정된다.

데스크톱과 모바일 모두에서 사용할 수 있도록 반응형으로 디자인했다.

로그인 회원가입 기능이 있고 각 4단계의 권한으로 나누어진다.

개발은 2018년 2월 11일 ~ 2018년 2월 13일로  총 3일 동안 만들었다.

2018년 2월 ~ 2019년 4월, 2020년 10월 ~ 2021년 6월까지 운영했다.

문서 개수 약 1000개, 수정 횟수 30000번 이상으로 짧은 기간 동안 높은 트래픽과 이용률을 보였다.

어떻게 기획하게 되었나?

고등학교 3학년 때 취업에서 갑작스럽게 진학으로 진로를 바꾸고 수능 종합 학원을 다니면서 개발할 시간이 부족해졌다.

고등학교에 내 이름을 건 사이트 하나 정도는 남기고 싶었는데, 그 방법으로 생각난 것 중 학교전용 위키사이트를 개발하는 것이었다.

고등학교 때 후배들이랑 많이 알지는 않았지만, 나를 모르는 후배는 없을 정도로 유행했었으니 성공이라고 볼 수 있을 것 같다.

개발 스펙은 어떻게 정했나?

JAVA버전을 당시 개발회사들이 선호하는 1.6 혹은 1.7로 개발하고 ibatis를 사용하려고 계획했으나, 새로 나온 1.8의 람다 문법을 좀 이용해 보고자 하는 생각에 1.8 스펙으로 갈아탔다.

톰켓은 기존에 8.5로 개발했으나, 이후 9.0으로 마이그레이션 했는데 8.5에서도 돌아가는 것을 확인했다.

운영에 해킹이나, 공격 시도는 없었나?

개발을 배우는 고등학생 입장으로 충분히 공격하고 싶을 만하다고 생각하고, 상당히 많은 공격 시도가 있을 것을 예상하고 있었다.

그중 기억에 남는 몇 가지만 추려보려 한다.

1. 반달, 악의적 위키 수정

위키에 기재된 게시물을 임의로 내용을 지워버리거나, 악의적으로 수정하는 경우이다.

애초에 설계 때부터 이러한 부분을 고려해서 과거 이력과 IP해시를 저장해두는 방식을 이용하여, 악의적 유저의 수정 기록을 삭제, 차단 가능하게 만들었었다. 그렇기에 큰 문제없었다.

2. XSS 공격

해당 공격은 가장 걱정했던 공격 중 하나이고, 짧은 개발 시간이지만 상당히 신경 썼었다. 

배포하기 전 테스트 기간에 XSS 공격을 미리 해달라고, 친구들한테 부탁했고 URL을 이용한 스크립트 공격 말고는 문제가 없어, 해당 부분을 업데이트하고 배포했다. 

3. 메크로성 테러

누구나 문서를 만들고 수정할 수 있다는 점을 공략하여, 랜덤 한 이름으로 문서를 만들고 채워서 다른 이용자들에게 불편함을 준다.

여기서부터는 진짜 공격이라고 볼 수 있다. 게시물 수정 시마다 Captcha 인증을 하도록 만들어서 막았다.

4. 트래픽성 테러

무작정 검색 트래픽을 매우긴 단어로 꽉 채워서 디도스 트래픽으로 공격했다. 물론 query string이라 검색으로 굳이 할 필요는 있었나 싶지만, 그 자체로 cafe24 트래픽을 모두 소진하여 다운되는 불편한 상황을 만들었다.

이는 Cloudflare를 이용하여 쉽게 방어할 수 있었다.

비하인드

귀여운 후배들에게 연락이 오기도 했다. 학교 메일로 봤는데 메일 이름을 보니 아마 3년 후배인 것 같다.

아마 사이트 하단 문의 이메일을 본 것 같다.

해당 위키를 보고 학교에 입학하는 학생도 있었다고 하고, 암튼 그렇다!

왜 운영을 종료했나?

여러 가지 이유가 있지만 제일 큰 이유는 서버 유지비보다 광고비가 적다는 점이다.

서버 유지는 Cafe24 스페셜 호스팅 톰캣 호스팅을 이용했다. 트래픽이 많을 때는 고급형, 적을 때는 절약형으로 조절하면서 사용했었다.

광고는 구글 광고를 사용했다. 초기에는 광고를 넣지 않고 운영을 했었고 중반부터 광고를 추가했었다. 당시 고등학생이었고 용돈도 받지 않았기에 적은 수익금으로는 조금 부담이 있었다.

지금 생각해보면 돈이 조금 아깝더라도 유지해보면 좋지 않았을까 싶다.

느낀 점

고등학생 때 정말 열심히 공부하고, 여러 사이트를 만들고 선보였었지만 그중 제일 반응이 좋은 서비스였다.

점심시간에 모의고사 풀고 있을 때마다 친구들이 찾아와서 문서들 보여주면서 오늘 이런 거 추가되었는데 웃기더라 하고 보여주고 갔고, 선생님들도 후배들이 수업시간에 자꾸 위키 하느라 수업 열심히 안 듣는다고 얘기하기도 해서 웃겼다.

약간 당시 입시로 인한 스트레스를 버티는 힘이었던 것 같다.

2021 SAI-A 1학기 동아리 프로젝트

프로젝트 링크 : https://github.com/perfume-reconmendation

질문지에 상상력을 발휘해서 향수에 대한 텍스트를 입력하면 가장 유사도 높은 향수와 리뷰를 찾아주는 사이트이다.

나는 데이터크롤링, 프론트(Vue.js), BERT Classification을 담당했다.