te6 🦈

새 블로그를 소개합니다 Gatsby에서 Astro로의 전환과 Contentful CMS 제거

새 블로그를 소개합니다: Gatsby에서 Astro로의 전환과 Contentful CMS 제거

blog.te6.in/post/blog-v2

When's the right time to start documenting your design system? - zeroheight

ALSO I wrote a thing for Zeroheight: When’s the right time to start documenting your design system?

In here I talk about what type of documentation to aim for at each stage of your design system’s lifecycle.

zeroheight.com/blog/whens-t...

A New Way to Audit Design System Usage - Tony Ward Plug in to your existing end-to-end tests to audit Design System usage.

- 웹 제품에서 디자인 시스템 컴포넌트만 '하이라이트' 표시하는 크롬 확장 프로그램 같은 걸 만든다
- 숫자로 말하는 것도 중요하지만 중요한 화면들에서 커버리지를 눈으로 보고 싶을 때 유용
- E2E테스트에 이 과정을 녹이면, 시간이 지나면서 화면에서 하이라이트된 비율이 변하는 것을 보는 것을 일종의 보고서처럼 활용 가능

A New Way to Audit Design System Usage

www.tonyward.dev/articles/a-n...

Obsidian 환경 설정 다이얼로그에 표시된 Community Plugin "Linter" 패널. Custom 탭이 열려 있고 Custom Regex Replacement 설정에 '패널에서 볼드 제거' 항목으로 ^(#{1,6}.*?)\*\*(.*?)\*\*(.*)$, gm, $1$2$3 이 등록되어 있다.

Obsidian 편집 화면의 스크린샷 두 개가 나란히 표시되어 있음. 첫 번째 스크린샷의 본문 내용 일부: "# ☕ 아침 루틴에 **커피**가 꼭 필요한 이유" 두 번째 스크린샷의 본문 내용 일부: "# ☕ 아침 루틴에 커피가 꼭 필요한 이유"

ChatGPT(를 비롯한 LLM 챗봇들)가 마크다운 헤딩에 **볼드**를 넣는 게 마음에 안 들어서 custom instruction에 헤딩에 볼드를 자제해달라고 요청하곤 했는데, 역시 하지 말라고 하면 더 하더라구요...?

결국 옵시디언 Linter 플러그인 (github.com/platers/obsi...) 에서 custom replacement를 추가했어요

from: `^(#{1,6}.*?)\*\*(.*?)\*\*(.*)$`
to: `$1$2$3`

헤딩에서 볼드 포맷팅을 없애줘요

깃헙은 다이얼로그스러운 UI가 열려서 overflow-y hidden하고 나면, x방향 layout shift를 방지하기 위해 스크롤바만큼 body에 padding을 준다

근데 이것보다도, 이미지를 전부 그리기 전에도 블러된 부분이 대충 어떻게 생겼을지 모델이 이미 알고 있다는 점이 더 신기하다. 그냥 이미 그린 윗부분 바탕으로 대충 필터 먹인 건가?

- 서버에서 내려주는 이미지는 총 4개 (요청에 따라 다를 수도?)
- 4개 이미지를 차례로 보여주는 과정 사이의 3개의 '간격'이 있음
- '간격'에서는, 시간에 따라 인라인 스타일을 먹여서 두 이미지 사이에 블러된 부분이 점점 줄어들게 만듦
- 결과적으로, 이미지 2를 받자마자 이미지 2 전부를 보여주는 대신, 이미지 1 → 이미지 2로 블러가 천천히 풀리는 걸 보여주고, 그렇게 시간을 버는 동안 서버는 이미 이미지 3을 그리고 있음

ChatGPT GPT-4o 이미지 생성 써보다 발견한 점 !!!

이미지 전체가 블러된 상태에서 시작해서 윗부분부터 블러가 풀리고 기다릴수록 전체 이미지가 보여지는 방식이
기다리는 부담을 매우 덜어준다고 느꼈음

🧵 어떻게 구현했을까...

2024년 돌아보기 나는 뭐지?

2024년 돌아보기

blog.te6.in/post/2024-re...

안녕하세요!