notes

로그 설계 심화 및 실습 (1) 01. 로그란? 로그의 목적문제 해결 및 디버깅사용자 행동 분석비즈니스 전략 수립로그의 종류다양한 종류가 있음PM이 알아야 할 대표적 로그는 클라이언트 로그로그 설계 방법"왜 기록할지", "어떻게 기록할지"에 대한 전략적 접근 필요이 데이터를 기반으로 문제를 빠르게 파악하거나 서비스를 개선할 수 있도록 해야 함 02. 로그 설계 배달의 민족로그 정의 정책배민은 클라이언트 로그 기준클라이언트 로그: 화면 로그, 서비스 화면을 기준으로 로깅된 로그로 정의페이지 로그: 유저가 인지하는 하나의 화면(view)를 '페이지'라고 하며 이 화면이 로딩 될 때 남기는 로그이벤트 로그: 유저의 특정 '행동(클릭 등)'을 할 때 남기는 로그로그 정의 리스트로그명 로그 타입1앱 진입 e..

데이터 드리븐 기획 (1) 01. 데이터 드리븐 기획이란? 사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식 02. 데이터 드리븐 기획의 중요성 정확한 기획사람들이 이 기능을 실제로 사용하는지 데이터 확인실패 확률을 낮추고 성공 확률을 높일 수 있음정확한 고객 니즈 파악클릭 수, 체류 시간, 이탈률 등 실제 사용 데이터를 보면 고객이 원하는 것을 정확히 알 수 있음비즈니스 성과 극대화정확한 기획 → 매출 증가, 전환율 개선, 광고 효율 상승 등의 비즈니스 성과를 높일 수 있음 03. 데이터 드리븐 기획 단계 Step 1. 문제 정의"무엇을 해결해야 할까?"단순히 "이 기능을 만들자!"가 아니라, 해결해야 할 문제를 명확히 정의비즈니스 목표, 사용자 행..

STEP 1. 프로젝트 핵심 요약 (Fact) 프로젝트명: POUCH (스마트 리서치 북마크)프로젝트 기간: 2026-07-03~2026-07-10 (6일)나의 역할: 문제 정의, 근거 수집, 해결 방안 도출, 프로토타입 생성, 프로젝트 이미지 생성사용한 도구: Claude, ChatGPT, Figma STEP 2. PM 역량 한 조각 발굴 (Action) 🔍 [문제 정의 및 가설] "어떤 문제를 해결하고자 했나요?” 발견한 단서: 리서치/리뷰/데이터에서 찾은 '진짜 문제'의 신호는 무엇이었나요?핵심 가설: "만약 [이것]을 해결한다면, [이런 결과]가 나올 것이다"라고 세운 가설은 무엇인가요? 문제 정의자료 저장 위치가 분산되어 있고 분류가 체계적이지 않으며, 링크만으로는 내용을 파악하기 어려워,..

CMS 개념 이해하기 01. CMS란? 콘텐츠 관리 시스템, Content Management System한 번 등록한 콘텐츠는 CMS 리스트, 카드, 상세 페이지 등 다양한 곳에서 반복해서 사용 가능어디서든 수정하면 모든 연결된 콘텐츠에 자동 반영디지털 파일 캐비닛: 컬렉션 = 폴더, 아이템 = 폴더 안의 서류, 필드 = 서류 안의 항목들 02. 반복 콘텐츠를 자동화하는 구조 Collection (컬렉션): 콘텐츠를 유형별로 묶는 폴더 (예: 블로그, 팀원, 제품 등)Field (필드): 각 콘텐츠가 가진 속성 (예: 제목, 이미지, 날짜 등)Item (아이템): 실제 콘텐츠 단위 (예: 블로그 글 1개)List / Detail Pages: 여러 아이템을 목록으로 보여주거나, 하나의 아이템을 상세하게 ..

스타일 시스템 이해하기 01. 컬러 스타일 (Color Styles)? 반복되는 색상을 스타일로 정의하여 전체 사이트에서 한 번에 관리 02. 컬러 스타일 적용 색상 선택 후 Color Picker 하단의 Create Style 클릭이름은 surface/0, content/100 등 의미 기반 또는 숫자 기반으로 구성스타일을 수정하면 해당 스타일이 적용된 모든 요소에 자동 반영Assets 패널 → Styles에서 스타일 관리 (이름 변경, 폴더 정리, 삭제 가능)스타일에서 분리하고 싶을 땐 Color 값 수동 변경하거나 Fill 제거 03. 컬러 스타일 관리 Assets 패널 → Styles → Color이름 수정, 삭제, 폴더 정리 가능스타일이 적용된 레이어 찾기 (Find 사용)스타일에서 벗어나고 ..

Framer란 무엇인가? 01. Framer란? 웹사이트를 디자인・퍼블리시・분석 가능한 올인원 노코드 웹 제작 도구 02. 노코드(No-Code)란? 코드를 몰라도 만들 수 있는 개발장점낮은 학습 곡선: 전문 프로그래밍 언어를 배우지 않아도, 직관적 UI로 짧은 시간 내 작업 결과를 볼 수 있음프로토타이핑 속도 상승: 아이디어나 기획안을 즉시 시각비용 절감: 초기 개발 비용을 줄이는 동시에, 유연한 반복 수정(Iteration)이 용이 03. 타 노코드 툴과 비교한 Framer의 강점 Figma와 유사한 UI로 낮은 진입 장벽개발 지식 없이 웹사이트에 필요한 다양한 컴포넌트 및 로직들 구현 가능몇 번의 클릭만으로 손쉽게 실시간 미리보기 및 퍼블리싱 (배포 가능) 인터페이스 살펴보기 01. Framer..