hansanhha - Blog

Layout: Default

Appearance: Brightly Darkly

Locale: en-US ko-KR

Projects
Code
Daily
Archives
Sunrise

A space to collect the things I love and record my thoughts.

Start Date: 2025-07-01T04:42:20Z

Status: In Progress

Address: https://hansanhha.github.io

The menu I categorized

제목, 내용 또는 키워드를 기반으로 블로그 내의 게시글들을 검색할 수 있는 기능이다. Jekyll의 Liquid 템플릿과 빌드 과정을 이용하여 search.json 파일을 만든 후 자바스크립트로 페치하고 필터링한 결과를 표시한다. search.json

Projects

주기적으로 반복하는 공통된 행동을 하나의 프로젝트로 정의하고 운영한다. 단순한 생각이나 행동에 이름과 목적을 덧붙이고 실행과 기록을 통해 하나의 의미 있는 단위로 만들어간다. 프로젝트는 단순한 생각에서 시작하여 실행으로 이어지고, 그 과정과 결과가 축적되는 선형적인 흐름을 가지며 흩어진 행위에 견고한 의미를 부여한다.

프로젝트를 설명하는 양식은 다음과 같다.

시작일시는 ISO-8601 UTC 형식으로 표시하고, 상태는 진행 중/일시 중단/종료 중 하나로 표시한다. 일시 중단과 종료 상태인 경우엔 그 시작 시점을 명시한다.

주소는 인터넷 웹 주소 또는 실제 공간 주소를 입력한다.

간단한 소개

시작일시

상태

주소

---

프로젝트에 대한 내용

Code

프로그래밍과 컴퓨터 과학에 대해 학습한 개념이나 직접 경험한 내용을 작성한다. 단순한 사용법부터 특정 도구에 대한 원리와 동작 방식까지 폭넓게 다루며, 구현한 것과 실험한 내용을 남기고자 한다.

Daily

일상 속에서 경험한 것들과 떠오르는 생각들을 기록하는 공간이다. 주로 월초 또는 월말에 업로드한다.

Archives

시간이 지나며 모아온 관심사와 자료들을 한 곳에 담아둔 곳으로 기억에 남기고 싶은 것들을 자료의 형태와 주제별로 구성해놓았다.

Sunrise

매월 초, 새로운 한 달의 시작을 맞이하기 위해 해를 보러 가는 작은 프로젝트다. 지난 시간을 돌아보며 앞으로의 시간을 생각한다. 해맞이에 대한 설명

Blog design concepts

How to organize default screen

Home Button and Search Bar

Utility: 블로그에 대한 정보와 기능을 담은 구역 (접속일, 접속 환경, 글꼴 크기, 배경 색상, 선호하는 언어 등)

Menu: 블로그 메뉴를 표시하는 구역 (프로젝트, 프로그래밍, 일상, 아카이브, 해맞이)

---

Content
├─ Home Page: 가장 최근에 작성한 글 10개를 표시하는 페이지
├─ Index: 특정 카테고리에 속한 글들을 작성일 기준 내림차순으로 정렬하는 페이지. '/카테고리/' 형태로 페이지의 계층을 표시하며 계층의 링크를 클릭하여 이동할 수 있다. 선택적으로 제목이 나타난다.
└─ Post: 선택한 글의 내용을 나타내는 페이지. 현재 페이지의 계층이 '/카테고리/페이지 | 작성일' 형태로 표시하며 페이지의 이름과 작성일은 일반 문자열로 취급된다. 선택적으로 제목이 나타난다.

---

Miscellaneous: 블로그에 표시할 공통된 정보나 외부 링크

Not using semantic tags, 8px spacing system

Fonts: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif

Default font size: 16px

영감받은 페이지

catern 위에서 아래로 자연스럽게 이어지는 수직적인 흐름과 불필요한 장식을 덜어낸 투박하고 직관적인 인터페이스를 참고하였다.

catern