- claude는 세션을 30일동안 보관한다. cleanupPeriodDays를 수정하여 보관기한을 조정할 수 있다.
- codex는 보관기한이 설정되어 있지 않다.
오깨들
프론트엔드 개발과 도구를 다루며 그날 새롭게 이해한 내용을 짧게 기록합니다.
2026
- BAML은 Basically A Made-up Language의 약자이다.
- v0에서는 구조화 프롬프팅을 위해 LLM에 타입 안전 인터페이스를 제공하는 가벼운 프로그래밍 언어였다면, v1에서는 보다 확장하여 에이전트를 위한 프로그래밍 언어로 소개한다.
- HMR은 Hot Module Replacement의 약자이다.
- CMS는 Content Management System의 약자다.
- 번외: Dan Abramov가 Redux를 만든 이유는 HMR에서 상태가 날아가는 이슈를 해결하기 위함이었다.
- Reflection: 런타임 시점에 사용되는 자신의 구조와 행위를 관리하고 수정할 수 있는 프로세스
- Reflect
-
JavaScript에서도 Reflect를 통해 런타임 시점에 객체의 구조와 행위를 관리한다는 의도를 표현할 수 있다.
const directName = user.name; const reflectedName = Reflect.get(user, "name"); -
프록시 트랩에서는 대응하는 Reflect 메서드를 사용할 수 있다.
const proxy = new Proxy(user, { get(target, property, receiver) { console.log("조회:", property); return Reflect.get(target, property, receiver); }, set(target, property, value, receiver) { console.log("변경:", property); return Reflect.set(target, property, value, receiver); }, });
-
TDS Mobile에서 도입을 고려해 볼 만한 컴포넌트들.
TDS MobileHighlight특정 영역을 강조하고 나머지 화면을 어둡게 처리해 사용자의 주목을 유도한다.TDS MobileListFooter목록 끝에서 더 보기나 추가 항목 불러오기 같은 확장 동작을 제공한다.TDS MobileListHeader목록이나 섹션 상단에 제목, 설명, 부가 액션을 일관된 구조로 배치한다.TDS MobileParagraph텍스트에 아이콘, 배지, 링크를 조합해 복합적인 문단을 구성한다.TDS MobileResult작업의 성공이나 오류 결과를 메시지, 시각 요소, 후속 액션과 함께 보여준다.TDS MobileTop페이지 상단의 텍스트, 버튼, 이미지와 여백을 하나의 레이아웃으로 구성한다.TDS MobileListRow 이해하기왼쪽, 본문, 오른쪽 영역을 조합해 다양한 형태의 리스트 항목을 만든다.TDS MobileSplitTextField고정 형식의 데이터를 여러 입력 필드로 나눠 정확하고 자연스러운 입력을 돕는다.Container Query를 통해 컨테이너의 크기에 따라 반응형 스타일을 작성할 수 있다.
.card h2 { font-size: 1em; } @container (width > 700px) { .card h2 { font-size: 2em; } }VS Code에서 Foam 익스텐션을 사용하면 옵시디언과 비슷한 형태로 마크다운 문서를 연결하고 그래프 뷰로 볼 수 있다.
