사람과 AI가 이해하는 디자인 시스템
2026. 7. 15. 10:49
디자인/공부
디자인시스템 층의미예시중요 개념파운데이션디자인의 최소 단위 값 = 토큰. 모든 층이 참조하는 원재료색, 타이포, 간격, 그림자, 라운드 등color-bg-brand, radius-md토큰 구조(원시 → 시맨틱 → 컴포넌트), 네이밍 규칙컴포넌트토큰을 조합해 만든 재사용 가능한 UI 부품버튼, 배지, 인풋, 테이블 등variant/state/size 체계, 컴포넌트 API패턴, 템플릿컴포넌트들의 조합 (화면 구성 방식, 페이지 뼈대)GNB+사이드바 레이아웃, 폼 패턴 등반복되는 조합 패턴을"규칙"으로 문서화하는 법문서·규칙언제·어떻게 쓰는지에 대한 지침사용 가이드, Do/Don't, 접근성 규칙AI가 읽을 수 있는 형태로 쓰는 법(마크다운·JSON) (1) Foundation색상 (raw palette..
디자인시스템 모음
2026. 7. 14. 10:18
디자인/공부
shadcn The Foundation for your Design System - shadcn/uiA set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.ui.shadcn.com radix Radix UIAn open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.www.radix-ui.com 당..
사고싶은 것
2026. 5. 16. 14:28
일상/잡생각
사고싶은 것(1) 베이스 거치대: 내가 가진건 30만원대 베이스인데 7,850/14,000원짜리 거치대사면 베이스가 휘지않고 더 오래 튼튼하게 쓸 수 있을 지? 구매 고민 중 https://www.freebud.co.kr/goods/goods_view.php?goodsNo=54928 [5월세일] Corona GT200 기타&베이스 A자스탠드프리버드m.freebud.co.kr https://www.freebud.co.kr/goods/goods_view.php?goodsNo=51402 Nomad Stand 노마드 스탠드 안전 스트랩 락킹 플로어 기타 스탠드 (NGS-2126)프리버드m.freebud.co.kr (2) 베이스 스트랩: 베이스 샀을 때 공짜로 받은 기본 스트랩이 있는데 헤져가는 것 같아..
사고싶은 스트랩
2026. 5. 16. 13:13
일상/잡생각
필수-블랙 무광-촌스럽지 않은 것-싸구려같지 않은 것-튼튼하고 오래쓸 수 있는 것-쉽게 지저분해지지 않는 것-지저분해져도 티 많이 안 나는 것-2-10만원대-로고가 박혔다면 로고 촌스럽지않은 것-> 블랙 가죽 선택-흰색 혹은 빨간색 포인트-세련된 것-마감에 흰색 바느질 모양 x [5월세일] Fender 스트랩 2 Black Poly Strap Red Fender (099-0662-015)15,120원https://www.freebud.co.kr/goods/goods_view.php?goodsNo=62585 [5월세일] Fender 스트랩 2 Black Poly Strap Red Fender (099-0662-015)프리버드m.freebud.co.kr [5월세일] Fender 펜더 악세사리 패키지..
사고 싶은 베이스
2026. 4. 19. 01:16
일상/잡생각
필수 조건-무광, 블랙, 4 or 5현, 좋은 톤(기본, 슬랩)-넥까지 블랙일 것(넥만 밝은 톤이면 뭔가 저렴해보임)-치는 부분이 유광이면 안 됨(지문 묻어서 매우 지저분해 보임) 선택 조건-재즈 베이스-넥이 길지 않고-너비가 너무 넓지 않은-무겁지 않은 -메탈 톤이 아닌-신상인-싸구려같은 외관, 톤 x-실버 톤 악세서리 매우 번쩍 거리는 x-배터리/건전지 넣고 이런 복잡한 것 x 예산-80~150만원 왜?-유광은 지문이 많이 묻고 지저분해 보이는듯 함-블랙베이스에 선도 블랙으로 갈고 싶음-5현 언젠가 사야되지 않을까 싶음-최신 개발된 악기가 가성비가 좋을 것 같음-150만원 정도면 소리, 톤이 보장되지 않나 싶음 브랜드: warwick가격: 1,960,000원풀네임: Warwick Corvette ..
PiXR Claude Code 워크숍
2026. 4. 4. 15:36
바이브코딩
CLAUDE.md, MEMORY.md, SKILL.md: Claude에게 전달하는 문서 각 파일 역할CLAUDE.mdClaude에게 주는 프로젝트 규칙MEMORY.mdClaude가 누적 학습하는 일지SKILL.md/명령어로 실행되는 업무 레시피 각 파일은 마크다운 형식으로 적혀있음 마크다운이란?원래 웹 글쓰기는 HTML로 해야 했음 제목이건 굵은 텍스트입니다. 이렇게 쓰면 복잡하고 가독성이 떨어짐. 그래서 2004년에 John Gruber라는 사람이 "그냥 읽어도 이해되는 텍스트로 쓰자"는 철학으로 Markdown을 만든 문법 Markdown 기본 문법쓰는 방식보이는 결과 # 제목큰 제목 (H1)## 제목중간 제목 (H2)**굵게**굵게*기울임*기울임- 항목글머리 기호 목록`코드`인라인 코드 ...
b2b SaaS 레퍼런스 찾는 꿀팁 - 서비스 가이드 홈페이지 참고
2026. 2. 27. 10:49
디자인/공부
NHN Cloud 콘솔 가이드https://docs.nhncloud.com/ko/Contents%20Delivery/Image%20Manager/ko/console-guide/ Image Manager > 콘솔 사용 가이드 본 문서에서는 콘솔을 이용하여 폴더 생성 및 파일 업로드, 섬네일 옵션을 관리하는 방법에 대해 설명합니다. 폴더 및 이미지 파일 관리 메뉴의 파일" data-og-host="docs.nhncloud.com" data-og-source-url="https://docs.nhncloud.com/ko/Contents%20Delivery/Image%20Manager/ko/console-guide/" data-og-url="https://docs.nhncloud.com/ko/Contents%20..
언젠가 하고싶은 스팀 게임: 소울 게임 AI LIMIT
2026. 2. 1. 02:04
일상/잡생각
AI LIMIT https://www.youtube.com/shorts/2cEGp9ZsqI8
아이디어는 싸다, 실행은 더 싸다
2026. 1. 21. 11:23
디자인/트렌드
이제 진짜 차별점이 되는 것들 실행 비용이 거의 없어졌으니, 다음이 중요해짐: 반복 속도 — 빨리 만들고, 사용자 피드백 받고, 고치는 사이클 (learning loop)취향·판단력 (taste) — 만들 가치가 있는 것과 없는 것을 가리는 안목 (대부분은 만들지 말아야 함)배포·네트워크 (distribution) — 누구에게 먼저 알려지고, 누가 신뢰하는지, 초기 유저를 얼마나 빨리 모으는지문제 선정 — 진짜 사람들이 돈 주고 풀고 싶은 문제 찾기 (이게 원래도 제일 어려웠는데, 이제 더 중요) 출처https://news.hada.io/topic?id=25868&utm_source=discord&utm_medium=bot&utm_campaign=1415
프레임 내 이미지 비율 정하는 법 5가지(CSS활용)
2026. 1. 20. 10:39
디자인/공부
ex.썸네일 이미지 object-fitex. object-fit:fill (1) fill : 비율 상관 없이 꽉 채움 단점: 비율 망가짐, 장점: 빈영역 없이 꽉 채움 (2) contain : 이미지 비율 유지한채로 채움단점: 빈 영역 있을 수 있음, 장점: 비율 유지됨 (3) cover : 이미지 비율 유지한채로 꽉 채움단점: 비율 맞지 않은 경우 이미지가 잘림, 장점: 비율 유지됨 (4) none: 이미지 크기를 조절하지 않음단점: 이미지 크기가 너무 크거나 작으면 프레임 내에서 어색해 보임, 장점: 이미지 원본 크기를 그대로 살림 (5) scale-down: none과 contain 중 이미지 크기가 더 작아지는 값에 따름 출처https://inpa.tistory.com/entry/CSS-%F0..
대시보드 레퍼런스 - CCTV 영상, 통계, 테이블 등
2026. 1. 19. 15:07
디자인/트렌드
CCTV 영상 통계 그래프 배민 사장님 - 대시보드 *모바일버전도 있음[ 바로가기 ]https://www.loud.kr/gelato/portfolio/3824037 경리 SaaS 대시보드 디자인 콘테스트 우승작 | 라우드소싱Sogumm Studio 디자이너님의 포트폴리오를 만나보세요. 수많은 대표 포트폴리오를 라우드소싱에서 만나볼 수 있어요!www.loud.kr 테이블 데이터 없는 화면
Make with Notion PPT
2025. 10. 31. 10:25
디자인/트렌드
노션 AI 에이전트 브랜드 아이덴티티친근한 컨셉으로 내 개인 비서인 에이전트에게 자유롭게 옷을 입힐 수 있음 다양한 업무를 하는 에이전트로 활용 가능 2025 포브스 선정, 10위 클라위드 기업 등극 클라우드 기업:클라우드 기업이란 인터넷을 통해 서버, 저장공간, 네트워크, 소프트웨어 등 다양한 컴퓨팅 자원을 서비스 형태로 제공하는 기업을 의미합니다. 이러한 기업들은 사용자가 직접 하드웨어나 소프트웨어를 구매해 설치하지 않고 필요할 때마다 원하는 만큼만 컴퓨팅 자원을 빌려 쓸 수 있도록 도와줌 Forbes Cloud 100:전 세계 비상장(private) 클라우드 기업 중에서 가장 혁신적이고 성장 가능성이 높은 100개 기업을 매년 선정하는 명단
데이터 없을 때 UI
2025. 10. 20. 13:39
디자인/트렌드
앰플리튜드(Amplitude)[알림]-알림없을 때 일러스트레이터(Adobe illustrator)[불러오기 모달] - [삭제된 항목]-삭제된 항목이 없을 때 슬랙(Slack)[초안 및 전송됨]-작성중인 초안이 없을 때 엑셀(Excel)[공유됨]-공유된 통합문서가 없을 경우 웹액스(Webex)[미팅] 유튜브 스튜디오