8000
Skip to content

0teklee/blog

Repository files navigation

Teklog

Software Engineer Tekwoo Lee's Tech Blog 소프트웨어 엔지니어 이택우의 기술 블로그

blog leetekwoo com_
  • 정적 웹사이트로 변경 완료
    • GitHub Actions 를 사용하여 정적 웹사이트를 생성하고 cloudflare-pages에 빌드 아웃풋을 커밋합니다.
    • 이후 Cloudflare Pages 환경에서 빌드된 정적 에셋을 CDN에 배포합니다.
  • 2026 Tailwind CSS v4 마이그레이션 및 폰트 시스템 개선 완료.

이전 로그 보기 (~2026/03/01 version)

2025 WebGL 적용하였습니다. Prisma를 Supabase로 완전히 대체했습니다. Next.js 15 Canary의 실험적 기능을 적용하였습니다. 플러그인 기반의 TipTap 에디터로 변경했습니다.

TBA

  • DB를 완전히 제거하고, 정적 웹사이트로 변경할 예정입니다.
  • Next.js / React 이외의 적합한 프레임워크/라이브러리를 찾고 있습니다.
  • art.leetekwoo.com
이전 로그 보기 (2022 v0)

Review 개발 회고 (LINK)

Author

이택우 github : @0teklee

About Project

Description

개발 기간 : 2022.08.23 ~ 2022.09.02 참여 인원 : 1인 (@0teklee) - Full Stack

CRUD가 구현된 풀스택 블로그앱을 개발하였습니다. 기획, 디자인, 개발, 배포까지 단독으로 진행한 프로젝트입니다.

Project Motivation & Goal

이 프로젝트의 동기는 블로그를 잘 사용하지 않게 된 것이었습니다. 어떤 이유에서 인지 고민해 보았고, 사용하던 서비스(velog, github, tistory, etc..)의 공통적인 문제점 3가지를 파악하게 되었습니다.

  1. 게시글 관리의 불편함 (게시글 작성마다 배포를 해야 하는 불편함)
  2. 게시글의 분류 (카테고리 사이드바가 없거나 태그로만 게시글 분류)
  3. UI 변경의 한계

이러한 문제를 개선하여 사용자(저와 구독자) 모두가 만족할 만한 블로그를 만드는 것이 프로젝트의 궁극적인 목표였습니다.

이를 성취하기 위해서 다음 세부 목표를 세웠습니다.

  • 사이트 내의 create, edit 페이지를 통해 게시글을 쉽게 작성, 수정할 수 있을 것.
  • 카테고리를 통해 게시글을 분류하고, 쉽게 분류된 글에 접근할 수 있을 것.
  • 서버사이드 렌더링(SSR)과 정적 사이트 렌더링(SSG)를 충분히 활용할 것.
  • 매력적인 UI를 만들 것. (반응형 레이아웃 포함)
  • SEO 최적화 (라이트하우스 SEO 부문 100점 달성)
  • next/auth를 사용하여 사용자 권한을 관리할 것.

Features

다음 기능들을 구현했습니다.

  • github 로그인/로그아웃 기능
  • 게시글 생성, 수정, 삭제 기능 (이미지 업로드 가능)
  • 게시글 카테고리, 태그 필터링
  • 게시글 아카이브 (월별 게시글 필터링)
  • UI 편의성 (반응형 대응, night 모드 etc..)
  • 예외처리, 로딩 시 fallback 페이지
  • ver 1.1.0 게스트북 페이지 추가
    • 게스트 유저의 Google OAuth 로그인 기능
    • 게스트북 페이지에서 게시글 작성 기능
    • 게스트북 페이지 게시글에 댓글 작성 기능
    • 게시들, 댓글 비밀글 설정 기능

Stack

사용된 기술 스택은 다음과 같습니다.

Frontend :

Backend :

Deployment:

Packages / Libraries

  • CSS : Styled Components
  • Editor : React-quill
  • Authorization : next/auth
  • State Management : Recoil
  • eslint / prettier

Versions

  • 2.0.0 26/03/02 - Tailwind CSS v4 Migration, Global Font System update (Cormorant, Inter, Noto Sans)
  • 1.1.0 23/01/08 - Added Guestbook Page (google Oauth 2.0 login, create posts & comments)
  • 1.0.1 22/09/20
  • 1.0.0 22/09/06 - first release

Demo

Performance Inspection (Main Page)

Main Page Inspection

LIGHTHOUSE

List Page Inspection

LIGHTHOUSE

Detail Page Inspection

LIGHTHOUSE

메인 페이지

MAIN

블로그 리스트 페이지

LIST

블로그 아카이브 페이지 (월별 필터링)

ARCHIVE

블로그 디테일 페이지

DETAIL

로그인/로그아웃 페이지

LOGIN

게시글 생성

CREATE

게시글 수정 & 삭제

EDIT DELETE

게스트북 게시글 생성

GUEST_POST_CREATE

게스트북 댓글 생성

GUEST_COMMENT_CREATE

모바일 반응형

RESPONSIVE

잘못된 경로 접근 혹은 페이지 로딩 시 FALLBACK 페이지

FALLBACK

Packages

 
 
 

Contributors

0