B급 개발

이번에는 MBTI를 간단하게 엑셀로 만드는 방법에 대하여 작성해보려고 한다.

최대한 쉽게 따라 해 볼 수 있도록 적었으니 궁금하면 한번 해보는 것 도 좋을 것 같다.

MBTI 설계 어떤식으로 해야할까? (원리)

우선 MBTI가 대충 어떤식으로 구성되어있는지 알아야 한다. (정말 간단하게 설명하겠음)

MBTI는 아래와 같이 각 4개의 상반된 성향의 조합이다. 이는 어떻게 조합되느냐에 따라 16개의 MBTI를 만들어낸다.

그렇기에 MBTI의 질문들은 각 4개의 성향을 가려내야한다.

가장 쉬운 방법은 E와 I를 구분짓는 질문 n개,

가장 쉬운 방법은 S와 N를 구분짓는 질문 n개,

가장 쉬운 방법은 T와 F를 구분짓는 질문 n개,

가장 쉬운 방법은 J와 P를 구분짓는 질문 n개

(n은 홀수여야 어떤 성향에 더 가까운지 알기 좋다.)

그렇게 각 성향을 종합한 뒤 사용자에게 ESFP 혹은 ENFJ같은 조합된 MBTI를 알려주면 되는 것 이다.

그렇다면 질문을 만들어보자! (질문 설계)

우리는 일반적으로 여러사이트에서 많이 볼 수 있는 12개의 문항을 가진 MBTI를 만들어 보려고 한다.

아직까지 감이 안잡힌 사람들을 위해 E와 I를 구분하는 질문 3개 (n=3)를 보도록 하자.

Q1같은 경우에는 YES 할 경우 E, NO 할 경우 I 인 질문이다.

Q2같은 경우에는 YES 할 경우 I, NO 할 경우 E 인 질문이다.

Q3같은 경우에는 YES 할 경우 E, NO 할 경우 I 인 질문이다.

이것을 종합하면 E성향 1개, I성향 2개가 나왔음으로, 답변을 작성한 사람은 I성향이라고 볼 수 있다.

그렇다면 다음의 질문 3개로 답변자가 I임을 알았음으로, 나머지 3개의 특성에 대하여 3개씩 질문을 만들면 MBTI 완성이다.

이렇게 위와 같이 모든 질문을 다 만들었다. 사지방에서 2시간 만에 만드는 강의임으로 질문에 심혈을 기울여 만들지는 못했다.

자동으로 MBTI를 알려주는 함수처리!

그렇다면 이제 답변을 입력했을때 자동으로 MBTI를 알려주는 함수 처리를 배워보겠다.

위 사진의 오른쪽과 같이 계산 부분을 만들고 다음과 같이 입력한다. 

그러면 답변을 어떻게 쓰느냐에 따라서 무엇을 선택했는지 명시된다. 그런 뒤 함수부를 자동 채우기 해준다.

그럼 다음처럼 완성이 된다. 그렇다면 어떤 성향이 과반수 이상을 차지하고 있는지 계산하는 함수를 작성하자.

아래와 같이 각 함수마다 1개 이상 I가 있다면 I성향 아니라면 E성향, 나머지도 조금씩 수정한 함수를 만들어 주면 된다.

그렇게 함수를 적용하면 다음과 같이 된다.

답변을 수정하는 동시에 계산이 동기화 되어서 자동으로 종합 열에 있는 MBTI가 바뀐다.

자 이렇게 까지만 만들면 일단은 완성이긴 하지만, 결과가 답변 수정과 함께 업데이트 되어 노출 되어버림으로, MBTI를 마치고 깜짝 결과를 공개하고 싶은 MBTI를 만든 사람의 의도에 맞지 않을 수 있기 때문에 공개 페이지를 따로 만들어 보겠다.

MBTI 공개 페이지를 만들어보자 (개성껏?)

우선 새로운 시트를 만든다.

이렇게 새로운 시트를 만들고 설문지에 있는 YES, NO, 계산, 종합 부분을 다 결과페이지로 옮겨버리면 좋겠지만, 강의를 쓰고 있는 사지방 이용시간이 10분 남짓하게 남았음으로 스피드하게 만들어보겠다.

결과 페이지에 다음과 같이 설문지의 종합 셀에있는 성향을 하나씩 가져다가 붙여준다.

그리고 노출되는 계산 부분을 다음과 같이 가려주면 된다. (시간 이슈로 조금 조잡해졌다)

이제 친구한테 가서 한번 시켜보자!

그럼 이제 답변창을 다 지운 뒤 친구에게 설문 탭을 보여주며, 한번 해보라고 하자

자 그럼 결과를 한번 볼까? (두구두구)

오 나는 ENFJ야!

응용하면 어떻게 만들 수 있을 까?

아래는 2020년 2월에 지인에게 웹 프로젝트 하는 방법과 과정에 대하여 알려주기 위해서 했던 작은 프로젝트인데, 생각보다 어떻게 만들었는지 궁금해하는 사람도 있고, 엑셀로 간단하게 자기만의 MBTI를 만들어보고 싶어서 물어보는 사람이 많아서 작성하게 되었다.

▼ 궁금하면 한번, 클릭?

※ 후기

사지방 2분 남기고 포스팅을 완성했습니다 ! 정말 다행이군요!

사이트 링크 : 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 스페셜 호스팅 톰캣 호스팅을 이용했다. 트래픽이 많을 때는 고급형, 적을 때는 절약형으로 조절하면서 사용했었다.

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

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

느낀 점

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

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

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