Framer에서 제공하는 컴포넌트 중에서 스토어에서 다운받기 링크 버튼이 있다. 이때 굳이 이렇게 두개를 모두 띄우는 것보다 사용자의 OS에 맞춰서 출력해주는 편이 좋은데 이걸 결정하기 위해 framer의 code overrides를 이용해봤다. import { Override } from "framer" const getUserOS = () => { const userAgent = window.navigator.userAgent console.log(userAgent) if (/iPad|iPhone|iPod/.test(userAgent)) { return "iOS" } else if (/Android/.test(userAgent)) { return "Android" } else { return "Oth..

어쩌다보니 프레이머에 code component를 만들게 되었는데, 어차피 만든 김에 구글 시트에 바로 정보를 쏘면 다른 써드파티 서비스를 추가로 결제하지 않아도 될 것 같다는 생각이 들었다. (게다가 대부분의 폼 서비스가 submission 단위로 결제를 요구하니 부담스럽기도 했다.) 일단 신청 폼을 만들고 제출 버튼을 누르면 완료 팝업이 뜨게끔 코드를 작성하고, 구글 스크립트에 doPost() 함수를 만들어 웹 서비스 배포를 했다. // Welcome to Code in Framer // Get Started: https://www.framer.com/developers/ import React, { useState, useEffect } from "react" import Example from "..

밀리타 커피 필터는 유독 얇아서 그런지 잘 터진다. 찢어지고 터질 때마다 내렸던 커피는 모두 버리기 마련이고, (다시 필터를 깔고 재활용해보기까지도...) 이 과정을 몇 번을 반복하면서 다른 필터를 검색해보고 한숨을 쉬기도 한다. 그러다가 문득 내가 뭔가 잘못한 건 아닐까 의심을 해보기 시작했다. 생각해보니 커피를 핸드드립하면서 커피 물 내려주는 방향과 속도까지 공부했으면서 막상 필터는 대충 사용했던것 같다. 그래서 찾아보니 여과지도 접는 방법에 따라 잘 접어주어야 물도 잘 흐르고 찢어지지도 않는다는 사실을 뒤늦게 깨달았다. 하긴 생각해보면 나는 반영구 필터를 사용했던 기간이 길었기도 하다. https://link.coupang.com/a/7rv1e 밀리타 오리지날 커피 여과지 1X2 COUPANG ww..

나는 국민학교때 대치동으로 이사를 와서 초등학교를 다녔다. 그리고 당시 신도시로 불리던 일산으로 이사가서 신생 초등학교를 4회 졸업생으로 졸업하고 중학교 때 다시 대치동으로 이사왔다. 입학과 졸업이 대치동은 아니었지만 초등 6년 동안 가장 오랜 기간을 다녔던 곳이고 중고등학교 모두 대치동에서 보냈다. 이제와서 알게 되는 대치동의 특징이 몇가지 있다. 대치동에 사는 여학생은 생각보다 많지 않았던 기억이 있다. 당시에는 남녀불균형이 있나보다 생각하고 말았는데 지금도 이 추세는 이어진다. 이제 보니 대치동은 남녀공학을 포함해 여고까지 모두 멀기도 하고 선호하는 학교가 대치동 거주했을 때의 이점이 없는 것도 한 몫 하는 듯 하다. 사실 대치키즈의 기준이 대치동에 사는게 아니라 강남 8학군에 속하면서 대치동으로 ..

전에 기획직군의 좋은 이력서와 경력기술서에 대한 생각을 쓴 적 있다. 사실 나는 2장 내외의 이력서면 충분히 PO는 자신을 어필할 수 있다고 생각한다. 특히 요즘처럼 굉장히 빠르게 실험하고 러닝하면서 유연하게 다음 스탭을 밟는 시대에서는 얼마나 좋은 레슨런을 얻고 다음 단계에서는 어떤 결정을 내렸는지가 더 중요하기 때문이다. 물론 포트폴리오나 경력기술서가 있으면 더 판가름하기 좋고 이 사람이 우리 회사에 지원하기 위해 얼마나 시간을 썼는지 정성이 보이기도 하다. 근데 포트폴리오나 경력기술서가 이력서를 뒤집을 정도로 반전을 가진 적보다 오히려 포트폴리오나 경력기술서에 디테일하게 적힌 내용들을 보며 오해하거나 해석이 안되어 답답함이 느껴진 경험이 더 많다. 2023.08.10 - [생각과 경험] - 기획직군..

운동 자세 중에서 특정 자세가 포함된 경우 해당 자세가 위험한 사람에게 경고 안내가 필요한 상황이 있다. 스쿼트라거나 푸시업처럼 동작명이 아닌 무릎이 머리보다 높아지는 자세를 취할 때 위험하다고 판단되는 질병이나 질환 또는 주기 상 위험한 상태인 사람에게 시청각 자료가 위험할 수 있으니 자세에 주의를 권하는 메세지가 필요하다. 근데 경고 자체가 안전하다는 이유로 모든 영상에 경고를 부착하는 것은 오히려 효과가 반감되고 다른 지표들에 영향을 줄 수 있기 때문에 비슷한 자세라고 판단될 때 경고하는 편이 좋겠다고 생각했다. 직접 코드를 구현하는 것은 지양하는 편이지만 오랜만에 기술 공부도 할 겸 골연령 측정을 위해 컴퓨터 비전 공부했던 것들도 떠올라서 천천히 시도해봤다. 생각보다 금방 잘 되긴 했는데 비디오 ..

사랑받는 제품을 만드는 실리콘밸리 마케팅 전략이라는 부제가 붙은 러브드라는 책을 미루고 미루다가 결국 회사에 도서구매 신청하고 책을 받았다. 책을 요즘 워낙 읽을 시간이 나지 않아서 책 한권 읽는데에 너무 오래 걸려 구매하지 않았던 건데 막상 살 때는 어릴 때 서점에서 책 읽듯이 속독으로 읽어보자는 마음으로 샀다. 어릴 때 3년 정도 속독법을 배운 적이 있는데 그때만큼의 속도는 아니지만 그래도 비슷하게 나오지 않을까 하는 마음이기도 했다. 안읽을까봐 돈 아까워서 못 읽는 것보다는 훨씬 나으리라 믿는 것도 있었다. 책이 도착한지 30분 만에 1/3을 읽었다. 나머지 2/3은 그날 저녁에 다 읽었다. 이 책은 아이러니하게도 얼마 전 이슈가 됐던 에어비앤비는 합친 두 포지션인 PM(Product Manager..

! Exclamation Point (엑스클러메이션 포인트) " Quotation Mark (쿼테이션 마크) # Crosshatch (크로스해치), Sharp(샵), Pound Sign(파운드 사인) $ Dollar Sign (달러사인) % Percent Sign (퍼센트사인) @ At Sign (앳), Commercial At(커머셜 앳) & Ampersand (앰퍼샌드) ' Apostrophe (어파스트로피) * Asterisk (애스터리스크) - Hyphen (하이픈), Dash(대시) . Period (피리어드), Full Stop (풀스탑) / Slash (슬래시), Virgule (버귤) ＼ Back Slash (백슬래시) \ Won sign (원사인) : Colon (콜론) ; Semicol..

프로덕트 오너, 프로덕트 매니저를 포함한 기획 직군의 경우 다른 직군과 달리 포트폴리오를 만들기 어렵다. 포트폴리오 자체가 나의 능력으로 비춰지기 어렵기도 하고, 가시적으로 보이지 않는 백지 상태에서 막연한 문제에서 출발하는 직군의 특성상 더더욱 명시적인 이미지가 담긴 포트폴리오는 오히려 혼선을 초래한다. 예전 서비스 기획자로 업무를 할 때에는 포트폴리오를 스토리보드나 화면 정의서 등으로 정리할 수 있었는데 점점 UI/UX 기획도 디자이너의 영역이 되면서 그도 부질없어졌다. 게다가 애자일과 린 스타트업의 확산으로 점점 속도와 성장에 집중하게 되면서 로드맵과 마스터 플랜이 세워진 기획은 리스크가 크고 비효율적인 기획으로 치부되기 시작했다. 점점 기획 직군의 이력서는 더욱 심플하게 정리된다. 어떤 가설을 왜..

스테이블 디퓨전에서 얼굴만 바꿀 때 Roop를 쓰게 되는데 보통 아래의 정도로 초기값을 잡아놓고 시작한다.