B2B 대시보드, 관리자(어드민) 페이지 참고
2025. 7. 11. 11:36
디자인/공부
구글에 'admin 메뉴얼' 검색→ 대시보드 상세 파악할 때, 기획서 작성 시 참고하기 좋은 자료들 많이 나옴 어드민 화면 카페24 관리자https://serviceguide.cafe24.com/ko_KR/ 하이센스 3.0http://responsive-food.onedaynet.co.kr/totalAdmin/_main.php 가비아https://gdokplus.firstmall.kr/admin/main/index 해피팬션예약http://pension3.cgimall.co.kr/admin/index.php 메타커머스https://demo-admin.meta-commerce.co.kr/store/main EMS플러스https://pics.esmplus.com/front/Manual/SellerGuide..
[기획] 읽어야할 책 리스트
2025. 6. 10. 11:57
디자인/공부
1 웹 기획자가 알아야 할 서비스 글쓰기의 모든 것 유영경, 이건민, 백소연, 김정미, 임태경, 정광욱 책방구름 2 스크럼 (Agile Software Development with Scrum) 켄 슈와버, 마이크 비들 (박일, 김기웅 역) 인사이트 3 훅 (Hooked) 니르 이얄 (유택상 역) 리더스북 4 더 맘 테스트 (The Mom Test) 롭 피츠패트릭 (신나라 역) 유엑스리뷰 5 가짜 노동 스스로 만드는 번아웃의 세계 데니스 뇌르마르크, 아네르스 포그 옌센 (이수영 역) 어크로스 6 프로덕트 오너 (Product Owner) 김성한 위키북스 7 유난한 도전 정경화 넥스트북스 8 ..
Maker Collective Seoul 2025: 오프라인 강연 요약
2025. 5. 29. 01:42
디자인/공부
Maker Collective Seoul 일시 2025년 5월 27일 오후 7:00-10:00장소 엘리에나 호텔 3층 임페리얼 홀바로가기 링크 -> 기조연설 & Config 핵심 정리디자인 및 제품 개발 환경 변화- 디자이너의 역할, 영향력이 증대하고 있음- AI를 통해 누구나 제품을 쉽게 만들 수 있음- 디자인은 제품 차별화 전략이 될 수 있음피그마의 제품 전략 및 비전- 아이디어 -> 프로덕트(제품)- 아이디어를 제품으로 실현하기 위한 모든 도움을 주는 것이 목표: 아이디어 구상부터 제품 출시까지, 모두 Figma 한 곳에서.새롭게 출시한 피그마 제품 및 기능Figma Draw: 표현력과 완성도를 높이는 새로운 도구- 브랜드 시각적 아이덴티티의 일관성이 중요하기 때문 Figma Buzz: 온브랜드..
Cursor에서 만든 서비스 Vercel로 배포하기
2025. 5. 22. 20:12
디자인/공부
사용 환경: 맥*윈도우에서 github안될 때 -> gitkraken설치하기 Cursor에서 배포 방법 물어보기프롬프트 예시"나는 이 웹을 vercel로 배포하고 싶어. 어떻게하면 좋아? 바로 진행해줘" 해야할 것-github 회원가입-vercel 회원가입(github 계정으로 가입하면 좋음)*github: 코드 저장소 / vercel: 무료로 배포하는 서비스-github & vercel 연동-github에서 repository만들기-Vercel에서 순서대로 따라하기 Overview-Add New-Project-Import Git Repository-'Import'-'Deploy'-배포 완료! github 'push' -> vercel 'deploy'github라는 오픈된 공간에 코드를 push한 ..
BX Process
2025. 5. 11. 18:15
디자인/공부
디자인 스타일 가이드 모음 사이트https://brandingstyleguides.com/ The branding style guidelines documents archiveWelcome to the brand design manual documents directory. Search over our worldwide style assets handpicked collection, access to PDF documents for inspiration.brandingstyleguides.com BX ProcessSTP(1) Segmentation(2) Targeting(3) Positioning- High Price Low Price- Value(-)A VALUE(+)ABX방향(1) Brand P..
Cursor에서 Supabase 연동하여 웹서비스 만들기
2025. 5. 6. 23:41
디자인/공부
만들 서비스모바일 청첩장 1단계 - Supabase 기본 세팅 준비물: Cursor에게 보낼 두개의 링크[Supabase](1) 프로젝트 주소(2) API 키 Supabase 회원가입, 새 프로젝트 생성https://supabase.com 링크 가져오는 곳[Supabase] - [Settings] - [API Settings](1) 프로젝트 주소: Project URL (2) API 키: Project API Keys *public 키 프롬프트'내가 보내준 링크를 기반으로 supabase 세팅해줘' 확인[src]-[utils]-'supabaseClient.ts'라는게 생긴 걸 확인할 수 있음 apply가 안된다면?-'내가 직접 apply 하지않아도 너가 프로젝트 구조에 맞게 세팅해줘'라고 Cu..
Cursor로 바이브 코딩하기
2025. 4. 30. 02:11
디자인/공부
바이브 코딩느낌대로 만드는 코딩 순서프롬프트 작성 -> Accept(수용)하기, 설치하기 -> Command+localhost 주소 클릭 프롬프트 예시"나는 이제 막 개발을 시작하는 PM 1년차야. 바이브 코딩으로 새로운 웹을 만들기위해 같이 코딩해보면 좋겠어. 앞으로 너는 프론트엔드 5년차 개발자라고 가정하고 현재 프로젝트에서 즉시 구동될 수 있는 웹을 만들어주면 돼. 내가 원하는건 사칙연산과 루트 연산이 되는 계산기 웹이야. 가장 첫 화면이 되는 곳에 계산기를 만들어주고 UI도 적절하게 만들어줘." 프롬프트 기본 구조역할을 명확하게 지정하고, 어떤 일을 하면 좋을지, 맥락을 전달 프롬프트 수정 및 추가"계산기 잘 만들어준 것 같아. 공학용 계산기 기능도 추가해서 만들고 싶은데" 만들 수 있는..
[WEB/PC] 사이드+플로팅 영역으로 목차를 보여줄 때
2025. 4. 23. 09:10
디자인/공부
피그마와 Cursor 로 웹 디자인 구현하기
2025. 4. 22. 23:40
디자인/공부
목표: 피그마로 디자인한 화면 그대로 웹 배포하기어떻게: 피그마 디자인을 AI 가 대신 마크업(퍼블리싱) 하여 구현첫번째 할일: 피그마/Cursor/Node.js 설치두번째 할일: 피그마/Cursor 세팅세번째 할일: 피그마 링크 복붙 -> Cursor에 붙여넣기 Cursor: https://www.cursor.com/Node.js: https://nodejs.org/ko/download -피그마 세팅(1) [설정]에서'FIGMA_ACCESS_TOKEN'입력 및 피그마 토큰키를 Cursor AI에 입력(2) 세팅 후 모든 '옵션'을 '읽고 쓰기 가능하게' 설정 변경 -Cursor AI 세팅(1) [설정-MCP]에서 '피그마 토큰키' 입력 후 저장{ "mcpServers": { "Framelink Fig..