TechBlogPosts

IT 기술 블로그들의 최신 포스트를 한곳에서 볼 수 있는 사이트

개요

IT 기술 블로그 포스트들은 각 기업에서 따로 개설된 블로그에 제공되어 왔습니다. 사용자는 이를 확인하기 위해 여러 페이지를 돌아다녀야 했습니다. 이런 불편함에서 벗어나 포스트들을 한 곳에서 보기 위해 기술 블로그 모음 사이트를 만들었습니다.

TechBlogPosts 둘러보기

방식

기술 블로그에서 제공하는 RSS를 파싱 하여 DB에 저장한 후, 사용자의 요청에 따라 데이터를 제공합니다. 최신 포스트를 유지하기 위해 주기적으로 데이터를 적재합니다. 리스트를 제공하는 사이트의 사용자는 눈이 편해야 하므로 다크 모드를 지원하고, 무한 스크롤 기능을 통해 편의성을 더했습니다.

로고

분산된 블로그들에서 포스트를 자동으로 모아 제공한다는 점에 착안하여, 자석 모양의 로고를 만들었습니다. 색상은 기존 Jthcast의 대표 색상을 그대로 적용하였습니다.

구축 환경

  • Typescript
  • React
  • Next.js
  • Emotion
  • DynamoDB
  • Elasticsearch
  • AWS

TechBlogPosts Github 둘러보기

무한 스크롤

리스트를 제공하는 방식은 페이지 네이션과 무한 스크롤이 주로 사용됩니다. TechBlogPosts는 사용자가 주로 출퇴근길의 대중교통에서 이용한다는 점, 최신 포스트를 주로 읽는다는 점을 주목하여 무한 스크롤 방식으로 개발하였습니다.

PWA

사용자가 자주 찾는 사이트를 이용하는 방법으로 즐겨찾기보다는 모바일 애플리케이션 설치를 선호한다는 점에서, 웹사이트를 모바일 애플리케이션처럼 설치 가능하게 하는 PWA를 지원하도록 개발하였습니다.

포스트 검색

구글 검색 전, 각 기업에서 작성한 신뢰할 수 있는 포스트를 먼저 검색해 보세요. 약 4500개(2021-04월 기준)의 웹 개발, 게임 개발, 머신 러닝 등 다양한 분야의 포스트를 수집하였습니다.

즐겨찾기

마음에 드는 포스트를 발견하셨나요? 즐겨찾기에 추가해 보세요. 매번 다시 검색할 필요 없이 언제든 쉽게 찾아 볼 수 있습니다.