1. 프갤 포털을 개설한 이유

6월 21일 안탄절... 대전 지역 코로나19 확진자와 접촉해 감염된 동네 확진자가 있어서 대관도 못 가고 집에 짱박혀 있다가, 겨울왕국 갤러리에 입갤하고 나서 처음 맞는 여왕님 생일이니만큼 무언가를 해야겠다고 느꼈습니다.

...그렇다고 그림을 그려서 여왕님 생일을 기념하자니 그림 실력이 애매하고... 그래서 프붕이들을 위한 사이트를 개설하면 여왕님께서 기뻐하시지 않을까 하고 겨울왕국 갤러리 포털 사이트인 프갤 포털 'Psst.kr'을 만들어 봤습니다.

2. 사이트 기획

우선 프갤 포털의 기능을 생각해봤습니다. 프붕이들한테 정말 필요한 게 뭘까... 아무래도 프장터나 공구 조회 사이트의 주소를 묻는 프붕이들이 많은 걸 보면 프갤 관련 사이트의 주소를 외우지 않고도 접속할 수 있는 기능이 가장 중요하겠죠. 그래서 사이트 자체를 포털 사이트로 제작하기로 결심했습니다. 그리고 아직 구현은 안 됐지만, 디시딧 사이트가 문을 닫는 바람에 갤러리 키워드를 쉽게 알아내기가 어려워서 파이썬으로 크롤링을 해서 일간 프갤 키워드도 사이트에 나타내볼 계획입니다. (아예 django를 배울 걸)

손으로 작성한 기획안

PC 버전 디자인

모바일 버전 디자인

아무래도 현재 운영 중인 프장터의 문제점은 모바일 사용자가 PC 사용자에 비해 월등히 많지만 모바일에 최적화되어있지 않다는 점입니다. (Google PageSpeed Insights피셜 PC 버전 92점, 모바일 버전 42점) 따라서 프갤 포털은 PC 버전과 모바일 버전을 나누었고, 접속은 동일한 도메인으로 할 수 있도록 적응형 웹이 아닌 반응형 웹을 제작하였습니다. (해상도에 따라서 사이트의 모습이 바뀜)

3. 사이트 구축

html 소스 작성 - 사이트의 내용을 담습니다.

CSS 소스 작성 - 사이트의 레이아웃을 잡아 내용들을 알맞은 위치에 집어넣고 보기 좋게 만듭니다.

4. 서버 구축

우선 도메인을 사줍니다. 안 그래도 usb.r-e.kr의 SSL 인증이 만료되어 하나 살 참이었습니다. 예전 벽갤 기프트카드 나눔 당첨 공약이기도 했고요.

그리고 이게 서버 컴퓨터의 실제 모습입니다. 이전 서버는 일반 데스크탑을 사용해서 전기세가 만만치 않았고 소음도 발생했는데, 단일보드 소형 컴퓨터 라즈베리파이3 모델B에 랜카드와 자작 팬(미니선풍기+계란과자 에디션)을 부착하여 네트워크 속도를 높이고 발열을 줄였습니다. 전기세 또한 대폭 줄었지요. 동접 10명까지는 거뜬합니다. 옆 동네 대피소 사이트는 응답 속도가 무조건 13ms 이상이던데 이 서버는 5ms 이상 올라가지 않습니다.

라즈베리 파이 OS에 여러 패키지를 설치해줍니다. 원래 서버에 설치되어있던 서버 프로그램과 호환이 되기는 하지만 조금은 다른 프로그램들을 사용했습니다.

SSL 인증서도 새 도메인으로 발급 받고 서버 컴퓨터에 옮겨주었습니다. 기존에 운영되던 프장터와 같이 보안 접속이 가능합니다.

이참에 프장터도 새 서버로 옮겨주었습니다.

DB 이전이 완료된 모습입니다.

DB 이전이 성공적으로 완료되었습니다. 기존의 회원 정보와 게시글 목록을 그대로 사용할 수 있습니다.

5. 완성된 사이트

PC 버전 (밑에 사이트 링크들 있음)

태블릿 버전

초기 기획은 PC와 모바일만 구분하는 것이었으나, 태블릿 사용자도 고려하여 총 3~4단계로 반응하도록 제작했습니다.

아무튼 드디어 사이트가 완성되었고, 첫 캐러셀 배너에 안나 여왕님의 생일을 축하하는 광고를 삽입했습니다.

생일 축하드려요, 안나 공주님!!

6. 감사의 인사

USB 공동구매 신청정보 조회 사이트에서 시작하여

개선 방향 의견 수렴 중 '중고 장터'라는 의견을 받아들여 처음으로 만들어본 회원제 사이트인 프장터,

그리고 안나 여왕님의 생일을 기념하기 위해 제작한 프갤 포털 사이트까지... 여러분들의 응원이 없었다면 절대 만들 수 없었을 겁니다. 그동안 응원해주신 겨울왕국 갤러리 사용자 여러분께 깊은 감사의 뜻을 전하며, 앞으로도 여러분께 받은 나눔에 보답하기 위해서 제 재능을 아끼지 않고 사용하도록 하겠습니다. 감사합니다.