DevLogSEO Jing

Day 1 - 디자인 컨셉과 디자인 시스템

2026년 3월 13일1분 읽기

디자인 컨셉

일단 구상이나 디자인 컨셉을 정했다. 전체적으로 전자 잉크 기기를 생각했고, 노션이랑 미디엄을 참고했음. 페이퍼가 올라오는 느낌.

디자인 시스템

디자인 시스템을 구축해 봤다. 조금 귀찮지만 나중에 편할 듯. 메인 컬러는 올해의 색인 클라우드 댄서를 쓸려고 했는데, 생각보다 너무 누리끼끼해서 나중에 바꿀 예정.

애니메이션 고민

에니메이션에 대한 고민도 많았는데, 이건 진짜 감각의 영역인 듯하다. 텍스트로만으로 내가 원하는 질감이 안나와, 뭔가 종이가 팔락 거리며 올라오게 하고 싶은데.

결국 아래 레퍼런스들을 믹스해서 만들었는데, 맘에 안든다. 일단 패싱하고 나중에 적용할 때 디테일하게 수정해보자.

Post Q&A

오케이징에게 물어보기

Day 1 - 디자인 컨셉과 디자인 시스템 전체를 기준으로 질문과 피드백을 받아요.답을 본 뒤에는 이 내용을 댓글로 달아서 서징에게도 물어볼 수 있어요. 작성자가 직접 볼 수 있어요!

0/500

포스트 목록

/SEOJing/devLog

파일 14개, 폴더 1개

Day 1 - 디자인 컨셉과 디자인 시스템 Day 2 - 블로그 스켈레톤과 MDX 파싱 Day 3 - MDX 이슈, 반응형, 다크모드 Day 4 - 배포와 CI/CD Day 5 - shiki 제거, MDX 모듈화, 그리고 대량 포스팅 Day 6 - 스터디 자료 작성과 데스크탑 비율 수정 Day 7 - Front Matter CMS와 관련 게시물 탐색기 Day 8 - 아티클 퀴즈와 스터디 자료 Day 9 - 프레젠테이션 모드, 코드블럭 개선, 테스팅 Day 10 - 프레젠테이션 모드 안정화 Day 11 - 프레젠테이션 확대 기능, FullscreenView 개선 Day 12 - 테스트 커버리지 개선, 모바일 프레젠테이션 버그 2건 수정 기술 블로그를 직접 제작하게 된 이유 왜 자꾸 프로젝트가 중단되는지

같은 섹션의 대표 이미지

24 posts · latest first

SEO Jing26. 04. 01.

디자인 컨셉

디자인 시스템

애니메이션 고민

오케이징에게 물어보기

포스트 목록

같은 섹션의 대표 이미지

Day 12 - 테스트 커버리지 개선, 모바일 프레젠테이션 버그 2건.

Day 11 - 프레젠테이션 확대 기능,.

Day 10 - 프레젠테이션 모드 안정화.

Day 9 - 프레젠테이션 모드, 코드블럭 개선, 테스팅.

Day 8 - 아티클 퀴즈와 스터디 자료.

Day 7 - Front Matter CMS와 관련 게시물.

Day 6 - 스터디 자료 작성과 데스크탑 비율 수정.

Day 5 - shiki 제거, MDX 모듈화, 그리고.

Day 4 - 배포와 CI/CD.

엄청난 피드백.

생각보다 어려웠던 댓글, 완독 로컬스토리지.

MDX 관련 이슈 노트.

Day 3 - MDX 이슈, 반응형, 다크모드.

디자인 시스템을 구축할 때 주의할 점.

폰트는 왜 메인 페이지에서만 적용이 안되고 있었을까?.

MDX DOM 트리 파싱하기.

결국 Node.js 까지 와버렸다.

Day 2 - 블로그 스켈레톤과 MDX 파싱.

전체적인 플로우.

Storybook으로 디자인 시스템 테스팅하기.

MDX가 뭘까?.