본문 바로가기

전체 글

(21)
비개발자의 바이브코딩 - AI에게 화내지 않고 미니 게임 만드는 법 무식한게 용감하다고, 아무것도 모르면서 무작정 AI랑 게임을 만들어봤습니다. 제가 주말에 혼자 만들어봤다가 생각보다 재밌어서 앱에서 정식 출시까지 하게 됐는데요, 저는 개발자도 아니고, DA 출신 PO입니다. 이번 글에서는 비개발자가 AI와 함께 어떻게 미니게임을 만들었는지 그 과정을 공유해보려 합니다. 최대한 쉽고 가볍게, ‘바이브 코딩’ 맛보기용입니다.이 글이 도움이 될 만한 분들은개발은 잘 모르지만 뭔가 만들어보고 싶으신 분바이브코딩 과정이 궁금하신 분1. 벌써 돈 쓰기 아까워! 0원으로 시작하는 법Cursor, Lovable 같은 AI 툴들은 대부분 5-6번 질문하고 나서부터는 결제해야 합니다. 저는 스스로 어느 정도 퀄리티의 결과물을 만들 수 있을지 보장되지 않은 상황에서 결제하기를 누르기가 망..
같은 할인 쿠폰을 줬는데 사용률이 3배 차이난 이유 (feat. 세그먼트 분석) 유저의 예약 시점으로 행동 세그먼트 분석을 하니,할인 쿠폰 사용률이 2.8배 차이 났습니다.도메인 지식만 충분하다면 세그먼트 분석은 어렵지 않습니다. 예시로 스크린골프 예약 1등급 유저들의 예약 분포를 살펴보겠습니다. 대부분 주말과 공휴일에 예약하는 것처럼 보이지만, 사실은 그렇지 않습니다.위 히트맵에는 평일 오전에만 예약하는 5060 골퍼와 주말에만 예약하는 직장인 골퍼가 합쳐져있습니다. 매우 다른 성향을 가진 유저인데 각각의 특징은 전혀 구분되지 않고 평균에 묻히는 문제가 있죠. 이런식으로는 개인화된 CRM이 어렵기 때문에 Segmentation을 반드시 해야합니다. 그렇다면 고객 데이터를 어디까지, 어떻게 파야하는걸까요?1. 세그먼트 분석 : 우리 고객을 어떻게 나누는게 의미 있는가?RFM은 기준이..
AI로 코딩하기 전 반드시 알아야할 웹 기본 개념 – HTML, CSS, JavaScript, React, Next.js 이해하기 무식한게 용감하다고, 저는 CSS가 뭔지도 모르고 AI랑 대화하면서 미니게임을 만들었습니다. AI가 써주는 코드를 보고 문법들을 이해했는데, 굉장히 비효율적이었습니다. 그래서 오늘은 AI와 함께 개발하기 전에 알고 있어야 하는 기초 문법들의 개념을 정리하겠습니다. 이 개념을 알고 시작하는 것과 모르는 상태에서 AI와 코딩을 하는 것은 천지차이입니다.이 글이 도움이 될만한 사람▶ AI로 코드를 짜서 사이트를 만들어보고 싶은 비개발자▶ HTML? CSS? JS? React? Next.js? 차이가 뭔지 모르는 과거의 나같은 사람 ※ 이 글은 웹 프론트엔드에만 초점을 맞췄고, 백엔드 기초 개념은 별도의 글에서 다룰 예정입니다.1. HTML, CSS, JavaScript 이해하기HTML은 웹페이지의 뼈대입니다...
글쓰기를 통한 자아실현 10명도 안되던 스타트업의 초기 멤버로 합류한지 4년이 지났다.앱 다운로드는 200만을 바라보고 있고, 그 사이 꽤 다양한 경험을 했다.하지만 나는 단 한번도 외부에 글을 쓴 적이 없다.쓸 말이 없어서는 아니었고, 오히려 할 이야기는 늘 많았다. -뭐랄까.. 올 해 들어 글을 써야겠다는 생각이 많이 들었다.1. 나의 경험이 누군가에게는 도움이 될 것이라는 자신감 (성공 경험들)3. 더 늦기 전에 나의 흔적을 세상에 남겨야겠다는 불안감 (이제 만 29세;) -그래서 한 달에 1-2개 정도의 글을 쓰기로 했다. 비개발자가 AI로 코딩할때 알고 있으면 도움이 될만한 팁들,시장의 폭풍 성장기와 침체기를 모두를 겪어본 경험,유니콘 같은 팀원들과의 협업 자랑,개인적인 한계에 부딪혀본 경험, 기타 등등.. -글쓰..
[엑셀_04] COUNT + IF중첩을 통해 데이터 분류하기 1. COUNT count : 내가 선택한 범위에서 숫자 셀의 합계를 구해줌. counta : 선택 범위에서 비어있지 않은 셀의 개수를 구해줌 countb : 선택 범위에서 비어 있는 셀의 개수를 구해줌 countif(range, criteria) : (E8:E46,">40000") 이런식으로 분기별 매출 400만 이상 제품이 몇 개인지 알아보고 싶을 때 편리! **수식 안에 따옴표 쓰는 경우 : 직접적인 단어, 고유명사 쓰는 경우 + 비교할 특정대상 없이 등호 부등호 쓰는 경우 SUM(A1:J20) = SUM(A1,A3,A5) AVERAGE(A1:J20) = AVERAGE(A1,A3,A5) COUNT(A1:J20) = COUNT(A1,A3,A5) 2. IF함수
[엑셀_03] 모두 바꾸기 활용 - 필터 활용 안녕하세요 아까워서 주는 나무입니다~!! 모두 바꾸기는 셀 선택 후, (전체 영역이면 선택 안해도 된다.) cmd + H 단축키를 통해 쉽게 바꿔줄 수 있다. 문제는 함수가 적용되어있을 때는 값 말고 함수의 숫자가 바뀐다는 것이다. 필터 단축키 = ctrl shift l 특정 행에 색을 칠해준 후, 색 기준 필터로 분류해서 볼 수 있는 기능도 있다. 필터 - 고급 목록 범위 : 원본 표의 범위 조건 범위 : 내가 필터링하고 싶은 조건 입력 전체 목록 중 조건범위에 해당하는 셀들을 "다른 위치에 복사" 선택 후 복사할 위치 클릭! 하면 조건을 만족하는 행(글로벌사업본부)들만 그 위치에 값이 붙여넣기 되어진다.
[ppt 무료 템플릿] 보는 사람 시원하게 만드는 쿨-한 피피티 디자인, 종류별 그래프 총집합! 안녕하세요 아까워서 주는 나무입니다! 오늘은 보는 사람들도 시원하고 상쾌하게 만드는 피피티를 만들어 왔어요~ 제목은 가나 폰트구요, 나머지는 에스코어 드림입니다. 댓글로 이메일 주소 남겨주시면 폰트 보내드려요! 목차입니다! 이번 피피티는 이모티콘을 많이 사용해봤어요. 선 그래프 편집 방법은 아래 링크에 자세하게 설명해놨어요 :) https://ongoing-whatever.tistory.com/16 [PPT 꿀팁_01] 투박한 피피티 그래프는 이제 그만! 쉽고 예쁜 디자인을 위해 알아야하는 숨은 편집 안녕하세요 아까워서 주는 나무입니다. 항상 템플릿을 만들어서 올리는데 표를 그릴 때마다 설명이 필요해져서 피피티 기능 카테고리를 새로 만들었어요. 첫 번째로 파헤쳐볼 기능은 꺾은선형 ongoing-whate..
[PPT 꿀팁_02] 피피티로 원 그래프(+도넛형) 기깔나게 그리는 법! 이렇게 쉽고 편할 수가 없다. 무료 템플릿까지 있는건 안비밀 안녕하세요 아까워서 주는 나무입니다~ 오늘은 드디어드드이더ㅡ이더으드이드어드디어!!!!! 원그래프 편집법을 가져 왔어요 :) 마지막에 해당 원그래프가 포함된 무료 피피티 다운로드 링크도 있습니다. 삽입 - 차트 - 원형 - 도넛형 선택해주세요! 그러면 기본 도넛형이 생깁니다. 1. 항목별 이름 수정 + 항목별 비율(면적) 조절하는 법 기본 도넛형 클릭하시고 차트 디자인 - 엑셀에서 편집 누르시면 엑셀 표가 떠요. 1분기 2분기라고 써있는 부분을 원하시는 항목 이름으로 수정해주세요~ 저는 인스타부터 트위터까지 써줬습니다. 옆에 자동으로 항목 이름이 바뀐거 보이시죠? 숫자도 수정해주시면 자동으로 비율이 조정됩니다! 이 때, 항목이 4개보다 적거나 4개보다 많아야 하시는 분들은 엑셀에서 수정해주시면 됩니다. 트..