# BLEX 2022 7월 개발노트

- Author: @baealex
- Published: 2022-07-30
- Updated: 2022-08-05
- Source: http://blex.me/@baealex/blex-2022-7%EC%9B%94-%EA%B0%9C%EB%B0%9C%EB%85%B8%ED%8A%B8
- Tags: 블렉스, 개발노트

---

#### ⭐ 추가된 항목

###### 💬 오늘 인기글

![](https://static.blex.me/images/content/2022/7/20/20227201_hAYkjBm4yca5CckZkgKY.jpg)

- [관리] -> [포스트 관리] -> [분석]에 금일 조회수가 높은 8개의 포스트가 표기됩니다. 전일대비 증감률과 금일 조회수가 표기되며, 기존에 제공되던 [포스트] 오늘 조회수, 어제 조회수 기준 정렬을 삭제합니다.

<br/>

#### 🔨 개선된 항목

###### 💬 프로필 소셜 링크 디자인 변경

![](https://static.blex.me/images/content/2022/7/10/202271012_0usfEa23B60hCGQ1YKa5.jpg)

- 사용자 프로필의 소셜 링크 디자인을 변경하였습니다. (사유 : 모바일에서 터치하기 불편하다고 판단)

<br/>

###### 💬 스낵바 사이즈 변경

![](https://static.blex.me/images/content/2022/7/20/20227200_xPMFl6wAPeFtGFqHW3TU.jpg)

- 스낵바의 최대 사이즈를 축소하였습니다. (사유 : PC 환경에서 불필요하게 공간을 많이 차지한다고 판단)

<br/>

###### 💬 표지 이미지 없는 포스트의 커버 디자인 변경

![](https://static.blex.me/images/content/2022/7/20/20227200_3QE8k7V67BF1BMFgsgpt.jpg)

- 표지 이미지가 없는 포스트에 기본 이미지를 커버로 표기되지 않도록 변경하였습니다. (사유 : 기본 이미지로 인해서 불필요한 스크롤이 발생하는 것으로 판단)

<br/>

###### 💬 포스트 작성자 디자인 변경

![](https://static.blex.me/images/content/2022/7/20/20227200_DliQ7aR4Pg4LxR9FHu2H.jpg)

- 작성자와 게시글이 분리된 형태로 보여질 수 있도록 변경하였습니다. (사유 : 디자인 일관성 적용)

<br/>

###### 💬 기타등등

- 주요 페이지에 스켈레톤 로딩 UI를 추가하였습니다. (사유 : 로딩 속도가 느린 경우 사이트가 반응하지 않은 것처럼 보임)
- 사이트 탐색 도구(구글 애널리틱스, MS Clarity)를 다시 추가하였습니다. (사유 : 트래픽이 떨어져 사이트 사용성 개선이 필요하기 때문)

<br/>

#### 💻 월간회고

이번달에 가장 기억에 남는 것은 서버를 이전하는 작업이었다. 운영비를 낮추기 위해서 더 낮은 사양의 인스턴스로 교체하고자 하였다. 가장 걱정되었던 것은 지금까지는 서비스하는 인스턴스에서 도커 이미지를 빌드했다는 점이었다. 기존 인스턴스에서는 그 정도는 아무것도 아닌 작업이었지만 새로운 인스턴스에서는 서비스의 품질을 크게 떨어트리는 행위가 되었다. (CPU 사용량이 과하게 큼)

처음에는 비공개 저장소를 VPN 내에 두고 빌드는 별도의 서버에서 진행하고 해당 인스턴스에서 이미지를 풀 받아서 작업을 하려고 하였다. 그렇게 하려고 했던 이유는 기존에는 이미지 파일에 비밀 정보가 모두 담겨있었기 때문이다. 이 문제를 없애기 위해서 비밀 정보를 환경변수로 제어할 수 있도록 변경하였다. 덕분에 도커 허브에 이미지를 올릴 수 있게 되었으며 깃허브 액션으로 빌드시킬 수 있게 되었다.

결과적으로 돌이켜보면 정말 좋은 방향으로 나아가고 있다고 생각된다. 서버 이전을 하거나 로드 밸런싱을 위해 서버를 확장할 경우 서버 구축에 드는 시간을 매우 단축할 수 있게 되었다. 앞으로도 토이 프로젝트를 진행할 때는 돈을 벌거나, 비용을 줄이거나 방향으로 고민을 많이 해야겠다. 많은 공부가 되는 것 같다.

- 쓰다보니 pull 하고 extract하는 과정도 CPU 사용량이 많이 높아서 이 작업들이 무슨 의미가 있었나 싶은 생각은 든다... 새로운 해결책을 찾아보려고 한다!

<br/>

#### 🎸 기타

- [디스코드 커뮤니티](https://discord.gg/d4vCnB3CSr)에 참여하세요.
- [BLEX · GitHub](https://github.com/baealex/BLEX)
- Contact. [im@baejino.com](mailto:im@baejino.com)
