홍철이의 무한먹방 홍철이의 무한먹방

1. 데이터 드리븐 기획이란?사용자 행동 데이터, 시장 데이터, 성과 데이터 등을 기반으로 의사결정을 내리고 제품을 기획하는 방식이다. 핵심은 '감'이 아니라 '근거'로 결정한다는 것.예를 들어 "이 버튼 색을 빨갛게 바꾸면 더 잘 눌릴 것 같아"라는 감에 의존한 기획과, "A/B 테스트 결과 빨간 버튼이 파란 버튼보다 20% 더 클릭됐다"는 데이터 기반 기획은 결과의 신뢰도가 완전히 다르다.2. 왜 중요한가?세 가지로 정리할 수 있다.① 정확한 기획이 가능하다. "메뉴를 숨기면 깔끔할 것"이라는 직감과 달리, 실제로 숨겨봤더니 클릭률이 30% 떨어진다면 데이터가 잘못된 결정을 막아준다.② 고객이 진짜 원하는 것을 알 수 있다. 설문조사에서는 "이 기능 필요해요"라고 답해도, 실제 클릭률이 낮으면 진짜 ..

1. 아티클 정보https://yozm.wishket.com/magazine/detail/2580/제목 : ‘불확실성’의 시대, PM의 역할과 마인드셋작성자(저자) : 수완2. 핵심 내용 요약이 아티클의 주요 메시지 :PM의 일은 고객으로부터 학습하여 불확실성을 타개하는 것이다.핵심 키워드 : 불확실성, 고객, 역할, 마인드셋3. 흥미로운 점/새롭게 알게 된 점읽으면서 가장 흥미로웠던 부분 :리뷰 없는 상품의 구매 전환율에 대해 언급한 부분: 장바구니 전화율 개선 과제가 생각났음. 나도 고객이지만 정량적 데이터만으로 고객의 마음을 알기가 어려웠음. 답은 고객의 목소리를 듣는 것!PM은 ‘문제정의-문제탐구-해결방안탐구’ 과정을 지날 때마다, 최대한 자신의 편견과 의견을 제거하고 고객으로부터 힌트를 발견해야..

Framer 학습 기록 — 챕터 5-6, 5-7, 5-8 + '목록' 버튼 직접 만들기+영어공부오늘은 Framer의 세 가지 주제를 학습했다. 템플릿 활용, Figma/Web에서 가져오기, Sticky/Fixed 포지셔닝. 거기에 더해 작업 중인 Airbnb 클론 프로젝트에 '목록' 버튼 컴포넌트를 직접 추가해봤다.세 챕터를 관통하는 키워드를 먼저 적어두자면:속도: 0에서 시작하지 않고, 템플릿·Figma 디자인을 출발점으로 삼는 법구조: 섹션 단위로 쪼개고 Stack/Layout으로 묶는 사고방식맥락: Fixed/Sticky처럼 "부모 구조"를 먼저 잡아야 작동하는 기능들. . .챕터 5-6. Framer 템플릿 — 빠르게 시작하는 법Framer 마켓플레이스에는 무료/유료 템플릿이 있다. 무료는 'Us..

오늘의 학습 기록: 아티클 카타 + Framer 챕터 5오전엔 비판적 사고와 PM의 AI 활용에 대한 아티클을 함께 읽고 카타했고, 오후엔 Framer로 사이트를 실제 세상에 내보내는 마지막 단계 — 도메인, 요금제, SEO, 다크 모드까지 — 를 다뤘다. 따로 보면 무관해 보이지만, 두 주제가 묘하게 한 줄에서 만난다: "좋은 결과물은 좋은 질문과 좋은 디테일에서 나온다."Part 1. 아티클 카타📖 첫 번째 아티클: 비판적 사고와 조직 커뮤니케이션핵심 논의비판적으로 사고하고 의견을 내는 것이 회사에서 평판을 깎는 일이 되는 이유는 무엇일까? 결론은 의견 자체가 아니라 태도와 화법의 문제였다.튜터님 피드백 정리Q1. 비판적 사고로 반박했을 때 평판이 나빠지는 이유"A는 틀렸고 B가 맞다"는 직접 반박..

Framer로 에어비앤비 스타일 사이트 만들기 — 작업 기록🔗 결과물: https://appreciative-points-868576.framer.app/popular과제로 Framer를 이용해 에어비앤비 같은 숙소 서비스 사이트를 만들었다. AI 도움 받아가며 하루 만에 어찌어찌 완성했다. 막혔던 포인트가 꽤 많아서 다음에 또 비슷한 작업할 때 참고하려고 기록을 남긴다.과제 목표CMS(데이터)를 만들고 화면에 연결목록 페이지 → 상세 페이지로 이어지는 구조공통 레이아웃(Header/Footer) 재사용조건에 따라 페이지 분기 (지역별, 인기 등)SEO/공유 메타데이터 설정1. CMS 데이터 구조 설계가장 먼저 한 일은 데이터 구조 잡기. Framer의 CMS는 컬렉션 단위로 만든다.Properties..

오늘의 학습 기록 — Framer 데이터 분석부터 Claude 자동화까지오늘은 크게 세 갈래의 흐름이 있었다. ① Framer를 중심으로 한 데이터 수집·분석·실험의 전체 파이프라인 학습 (챕터 4-1 ~ 4-6), ② "설득당하기"의 중요성에 대한 아티클 카타, ③ Claude를 활용한 설문 응답 분석 자동화 실습.세 가지가 따로따로처럼 보이지만, 곱씹어보면 결국 "내가 만든 것에 대한 데이터를 어떻게 모으고 → 어떻게 해석하고 → 그 해석을 어떻게 받아들일 것인가" 라는 한 흐름으로 이어진다는 게 오늘의 작은 깨달음이다.1. 데이터 수집부터 실험까지 — Framer 기반 분석 파이프라인이번 챕터의 6개 강의는 사실 하나의 큰 퍼널을 다룬다.사이트 방문자 측정 (Framer Analytics) ..

오늘 배운 것 — Framer CMS 컬렉션 관계와 Make AI 자동화챕터 3-7 (Framer CMS) + AI Workflow 특강 / 학습 기록들어가며오늘은 두 가지를 배웠다.Framer CMS에서 컬렉션끼리 관계를 맺고, 사용자 입력에 따라 리스트가 바뀌는 필터 UI를 만드는 법Make로 AI 워크플로우를 짜서, Google Form 응답을 GPT가 분석하고 자동으로 Notion / Slack에 분배하는 자동화언뜻 보면 따로 노는 주제 같지만, 정리하다 보니 결국 둘 다 "데이터를 어떻게 구조화하고, 어떻게 흐르게 할 것인가" 라는 같은 질문을 다른 각도에서 다루고 있었다. 하나는 "보여주는 쪽", 하나는 "처리하는 쪽".Part 1. Framer CMS — 컬렉션 관계 & 필터 UI1-1. 컬..

📝 오늘의 학습 기록 — Framer 반응형 & CMS + 아티클 카타오늘은 Framer 강의 챕터 2-4부터 3-6까지 수강하며 실습했고, 아티클 카타도 함께 진행했다. 반응형 레이아웃부터 CMS 연결, 조건부 렌더링까지 한 번에 훑은 날.🎨 Part 1. Framer 강의 정리챕터 2-4. 반응형 이해하기반응형 디자인이란? 사용자가 어떤 기기를 쓰든 콘텐츠와 레이아웃이 자연스럽게 적응하는 것. 데스크탑·태블릿·모바일 모두 일관된 경험을 제공하는 게 핵심.왜 필요한가?웹 트래픽의 절반 이상이 모바일에서 발생Google SEO도 반응형 사이트를 우대별도의 모바일 페이지를 안 만들어도 됨 → 관리 효율성👉 Mobile First 원칙: 처음부터 모바일 기준으로 설계 후 확장반응형 핵심 도구 2가지Fl..