📢 Description

Series는 게시글들 중에서 연관있는 여러 게시글을 묶은 것을 의미합니다.
시리즈는 단발성일 수 없으며 항상 2개 이상의 글이 있어야만 시리즈로 인식합니다.

🖥️ Views

• #12

🐣 ETC

📢 Description

태그 목록 화면은 게시글에 포함된 태그들을 모아 나열한 화면입니다.
태그 목록은 태그 갯수가 많은 순서로 나열되고 같은 순서에서는 글자 오름차순으로 나열됩니다.

🖼️ Components

• [comp] 태그 뱃지 목록
• [comp] 게시글 테이블

🐣 ETC

📢 Description

Book은 제가 살면서 읽고 있는 책(Reading), 다 읽은 책(Finished), 읽고 싶은 책(ToRead)을 담당하는 영역입니다.
이 블로그에 제가 읽고 있는 책들을 공개하는 건 읽기 시작한 책을 오래도록 방치하지 않고 시간이 날때마다 읽겠다는 다짐입니다.
책을 읽으면서 어떤 걸 느꼈고, 어떤 도움이 되었고, 어떤 생각을 했고, 어떤 아이디어가 떠올랐는지 정리하는 용도이기도 합니다.

🖥️ Views

• #8
• #9

🐣 ETC

📢 Description

About은 저를 소개합니다.

🖥️ Views

• #11

🐣 ETC

📢 Description

Tag는 책을 제외한 게시글에서 메타데이터로 작성된 tag를 의미합니다.
tag를 통해 게시글의 유형을 파악할 수 있습니다.

🖥️ Views

• #10

🐣 ETC

📢 Description

홈페이지를 이동하기 위한 메뉴에는 이때 로고와 텍스트(이때의 나)가 붙어있습니다.
이때 로고를 사용하는 이유는 조금이라도 이때를 알리고 싶기 때문입니다.

💎 Requirements

이때 로고는 favicon.ico로 사용되는 이미지를 이용합니다.
다크 모드에는 favicon-dark.ico를 사용합니다.
URL은 /로 이동됩니다.

✨ Todo

• next/link의 Link 컴포넌트 사용하기
• 다크모드일 때 로고는 검은 배경인 아이콘 사용하기 배경이 없는 아이콘 사용

🐣 ETC

📢 Description

해당 위치에서 다른 페이지로 보냅니다.

💎 Requirements

클릭한 곳을 다시 클릭해도 새로고침되거나 이동되지 않습니다.
next/link에 Link 컴포넌트를 사용합니다.
/books, /series, /tags, /about에 해당하는 tsx 파일이 필요합니다.

✨ Todo

• 이동할 위치에 해당하는 페이지 생성
• 선택된 상태에서는 파란색 텍스트와 파란색 밑줄이 나옵니다
• 마우스 호버에서는 선택된 상태처럼 색이 바뀌고 밑줄이 나옵니다

🐣 ETC

📢 Description

책 목록을 보여주는 화면입니다.

읽고 있는 목록(Reading), 다 읽은 목록(Finished), 읽고 싶은 목록(ToRead) 순으로 보여줍니다.

Reading은 flex 형태고 Finished와 ToRead는 테이블 형태로 보여줍니다.

🖼️ Components

• [comp] 읽고 있는 목록
• [comp] 읽고 있는 책
• [comp] 다 읽은 목록
• [comp] 읽고 싶은 목록

🧩 Features

• [feat] View this book in Yes24

🐣 ETC

📢 Description

책의 정보와 서평을 볼 수 있는 화면입니다.
책 정보에는 제목, 저자, 쪽수, 발행일, 나의 독서 기간, 카테고리를 보여줍니다.
그리고 하단에는 책에 대한 감상평이 나옵니다.

🖼️ Components

• [comp] 책 정보
• [comp] 서평

🧩 Features

• [feat]

🐣 ETC

📢 Description

게시글 목록에서 하나의 글을 선택했을 때 이동되어 나타나는 페이지입니다.

마크다운에서 작성된 메타데이터와 내용을 원하는 디자인으로 배치합니다.

🖼️ Components

• [comp] 시리즈 분류
• [comp] 상세 게시글 내용
• [comp] 다른 게시글 목록
• [comp] 게시글 댓글

🧩 Features

• [feat] Share a link

🐣 ETC

📢 Description

Post는 게시글입니다. 제가 겪은 개발 경험과 에러, 책 리뷰, 노하우를 작성하는 용도입니다.
마크다운으로 작성한 글이 html으로 변환되어 사이트에 게시됩니다.

저는 게시글을 옵시디언을 사용해서 작성하고 있습니다.
사용하시기 위해선 blog 폴더를 옵시디언으로 여시면 됩니다.

🖥️ Views

• #5
• #6

🐣 ETC

📢 Description

블로그에 접속하게 되면 처음으로 보여지는 페이지입니다.
여기서는 최근 작성한 게시글들과 이전 게시글들을 보여줍니다.

최근 게시글은 이전 게시글들 중 가장 최근에 만들어진 게시글 중 3개만 노출됩니다.
이전 게시글은 최근 게시글을 제외하고 #1 인 게시글들이 모두 노출됩니다.
이전 게시글은 검색 기능을 통해서 원하는 글을 찾을 수 있도록 지원합니다.

🖼️ Components

• #13
• [comp] 최신 게시글 목록
• [comp] 최신 게시글
• [comp] 이전 게시글 검색
• [comp] 이전 게시글 목록
• [comp] 이전 게시글

🐣 ETC

📢 Description

게시글 중에서 시리즈물만 모아놓은 화면입니다.
나열 순서는 시리즈 중에서 가장 최근에 만들어진 순서가 먼저 옵니다.

🖼️ Components

• [comp] 쌓인 시리즈

🧩 Features

• [feat] Title of this component

🐣 ETC

📢 Description

상단 메뉴는 블로그 페이지를 이동할 수 있도록 돕습니다.
메뉴는 홈페이지, 책 목록, 시리즈, 태그, 내 소개 페이지로 이루어져 있습니다.

홈페이지를 이동하기 위한 메뉴에는 이때 로고와 텍스트(이때의 나)가 붙어있습니다.
이때 로고를 사용하는 이유는 조금이라도 이때를 알리고 싶기 때문입니다.

홈페이지 이동을 제외하고 다른 메뉴에 마우스를 올리면 hover 효과로 파란색 글씨와 밑줄이 나옵니다.
홈페이지가 아닌 화면에서는 selected 효과로 파란색 글씨와 밑줄이 나옵니다.

🧩 Features

• #14
• #15

🐣 ETC

📢 Description

저를 소개하는 페이지입니다.
제 이름은 무엇이고 무얼하고 싶어하는지 뭘 할 때 보람을 느끼는지를 적습니다.

🖼️ Components

• [comp] 회전목마식 사진 목록
• [comp] 외부 채널 목록
• [comp] 내 소개글

🧩 Features

• [feat] Apply background image

🐣 ETC