양자놀이터

제품의 가격과 사람의 몸 값을 높이는 방법은 같다. - 창업형 인간 되기 #5

슈노 — Sun, 2 Jul 2023 21:54:59 +0900

라이프 해킹 스쿨의 창업형 인간 되기 5일 선행 과정의 마지막 수업 리뷰입니다.
창업형 인간이 되기 위한 자신의 가치를 높이는 마인드 셋으로 수업은 마무리가 됩니다.

1. 수업리뷰

작용 반작용의 원리

지금까지 배운 내용들을 머릿속에만 담아둔다면 아무런 결과를 낼 수 없습니다. 무언가 실행에 옮겨서 행동으로 작용을 시켜야, 반작용이라는 결괏값을 눈으로 확인할 수 있습니다. 우리가 살고 있는 세상이야말로 작용, 반작용의 물리적인 법칙이 제대로 적용되어 있다라는 강사님의 말씀에 깊은 공감이 됩니다. 실천하는 하루하루를 살아야겠습니다.

세탁기의 가격을 높이는 방법

하나의 똑같은 세탁기를 판매한다고 가정하고, 똑같은 세탁기를 높은 가격에 팔 수 있는 방법을 생각해 봅니다.

기능 개선하기 - 투자와 연구 개발이 필요한 방법
브랜딩 하기 - 사람들은 평판이나 인지도로 제품 구매에 발생하는 리스크를 줄이려고 한다. 신뢰성.

사람도 이와 마찬가지입니다. 스스로의 몸값을 높이기 위해서는 자기 계발을 통해 기능 개선을 하고, 다양한 방법으로 평판을 올려 브랜딩을 하면 되는 것입니다.

고통과 성취의 복리 법칙

고통을 감내하고 얻어낸 성취와 역량은 얻은 것으로 끝나는 게 아니라, 계속 활용되어 다음 성취를 이뤄내는데 기여하고 인생에 지속적인 영향을 미쳐 스노우 볼처럼 복리로 작용합니다 . 그리고 성취와 역량을 얻기 위해 느꼈던 그때의 고통은 성취하면서 말끔히 사라지게 됩니다. 이 내용은 아주 당연해 보이는 이치인데, 고통을 회피하려는 인간의 본능 때문에 대부분의 사람들이 인생을 살면서 오랫동안, 아니면 영원히 망각하고 살죠. 그렇게 하루하루 도파민의 노예가 되어 고통을 회피했는데, 뒤돌아보니 회피했던 일들로 인해 오히려 인생 자체가 고통스러워졌다는 것을 나이가 들어서 깨닫게 되기도 합니다. 성취를 위한 고통을 받아들여야겠습니다.

100명 중 99명이 부정한다면

현재 환경에서 주변 100명 중 99명이 본인이 하고자 하는 것, 또는 본인의 모습을 부정하고 있다면, 그 환경을 떠나야 합니다. 사람은 환경에 커다란 영향을 받습니다. 하지만 등잔 밑이 어두운 것처럼 우리가 스스로 그 환경을 알아차리기는 쉽지 않습니다. 때문에 본인이 처해있는 환경을 알아차렸다면 이를 행운으로 여기고 각성해야합니다. 그리고 본인을 변화시킬 수 있는 환경으로 옮겨가야 합니다. 내가 되고자 하는 모습을 이미 갖추고 있는 사람들이 모여있는 곳이나 내가 하고자 하는 것을 실행에 옮겨가고 있는 모임에 참여를 하는 방식으로 스스로를 환경 속에 내던져야 합니다. 저도 창업 후 다시 직장인으로 살면서 많은 틀에 다시 갇히게 된 것 같습니다. 이제 다시 창업을 하고 싶어서 안달이 난 사람들 모임에 참여를 할 때가 온 것 같습니다.

창업형 인간 데일리 체크리스트 5가지

나는 오늘 하나 이상의 작용을 가했는가
오늘 나에게 새로운 퀘스트를 부여했는가
리스크라고 오판하거나 열등감으로 인한 방어 시스템이 동작하지는 않았는가
"성장을 위한" 스트레스를 받도록 환경 설정을 잘 했는가
세상을 두고 계속된 실험을 하고 있는가

이 다섯 가지 중 실천에 옮기기 가장 어려운 것은 가설을 세우고 검증하는 부분일 것입니다. 너무 어렵게 생각하면 안 되고 "A라는 것을 제공하면 사람들이 얼마를 쓰지 않을까?"라는 식으로 가볍게 생각하고 그것을 실행하는 것이 중요합니다. 가장 명심해야 할 부분인 것 같습니다.

경제적 자유를 얻은 후 결국 불행해지는 이유

성공을 하게 되면 아무래도 자신이 살아가는 환경이 달라질 수밖에 없습니다. 성공까지 가지 않아도 살면서 조금씩의 성장을 혹은 실패를 할 때마다 그 과정에서 사고방식이 달라지고 각자의 경험들이 달라지죠. 그렇게 사람들은 성장과 성공을, 또는 실패를 겪으며 변화하게 됩니다. 그럼 기존 내 주변에 있던 사람들과의 관계도 달라질 수밖에는 없습니다. 서로 살아가는 세상이 달라졌기 때문입니다. 서로에게 변했다고 탓할 것들이 아닙니다. 서로의 관심사가 달라져서 할말도 없고 공감 형성이 안되니 자연스럽게 멀어지기도 하고, 마찰이 생겨서 멀어지기도 하는 것입니다. 그러다보니 삶의 변화 과정에서 외로움과 불행을 느끼는 것도 당연합니다. 그래서 만약 성공을 했다면 주변에 함께 하고자 하는 아끼는 사람들을 동참하게 만들고 기회를 제공하는 역할을 해야한다고 강사님이 말씀하기도 합니다. 저도 꼭 그런 기회가 저에게 주어지기를 바라고 있습니다.

2. 창업형 인간 되기 5일 챌린지 #5

본 과정 소개

근로소득 외 월 300만 원 이상의 창업 소득을 발생시킬 수 있는 능력을 갖게 된다.
길에 있는 돌도 팔수 있게끔 마케팅 세일즈 역량이 강화된다.
여러 번의 시도 끝에 결국 성공하는 확률 게임 방법을 알게 되는 연쇄 창업가가 된다.
수료생 네트워크에서 함께 할 수 있는 인맥을 확보할 수 있다.

지금까지의 제 수업 리뷰들은 선행과정의 내용입니다.
8주 기간의 본 과정에서는 창업을 실습, 실행하는 과정들이 포함되어 있습니다. 1 대 1 멘토링을 통해 코칭을 받는 방식이고, 그 결과로 실제 300만 원 이상의 소득을 만드는 것이 목표라고 합니다. 수업 내용은 창업 초기 이후에 발생되는 법률, 재무, 회계, 투자 유치 같은 부차적인 부분은 제외되어 있고, 실제 사업에 대한 가설을 세우고 어떻게 검증하는지, 고객에게 돈을 받고, 남기는 방법 등의 완전히 구체적이고 실무적인 부분을 다루게 됩니다.

5일, 선행과정 최종 리뷰

비록 5일 동안의 짧은 수업이었지만, 이렇게 하나하나 요약해서 리뷰를 남기기로 하고 과정에 참여한 저에게는 아주 긴 시간이었습니다. 글로 남기는 작업이 어렵게 느껴지는 것은 그만큼 살면서 제가 무언가 기록하는 것을 습관화 시키지 않다고 볼 수 있습니다. 수업 가장 처음에 언급되는 정체성을 찾기 위한 방법으로 내가 바라보고, 느끼고, 마주하는 것들에 대해 글로써 정리하고 나만의 결론을 도출하는 것이 있었죠. 그 방법을 통해 내린 수많은 결론들의 총합이 나의 정체성이라고 하는데, 그 정체성에 대한 데이터가 제 머릿속에만 있고 눈으로 보이는 결과물들이 많지 않았다는 생각이 듭니다.

너무나 직장인의 삶을 오래 살다 보니 저의 결과물들은 모두 회사 업무로 발생되는 데이터에만 매몰되어 있었고, 그것들을 셀프 브랜딩에 활용하는 것조차도 게으름을 피웠습니다. 다른 누구도 아닌, 제 자신의 이익을 위한 실천에 소홀했다는 사실을 마주한 것이죠. 그래서 앞으로 더욱 매일의 실천을 해나갈것입니다. 5일 동안 많은 반성을 하게 되었습니다. 깨달음을 주는 좋은 계기가 되는 수업이었습니다.

이 포스팅은 라이프 해킹 스쿨 - 창업형 인간 되기 5일 과정의 수업 내용을 바탕으로 작성했습니다.
아무쪼록 포스팅이 잘 마무리되었습니다. 감사합니다.

무자본 창업 실행에 옮기는 방법 2 - 창업형 인간 되기 #4

슈노 — Sat, 1 Jul 2023 18:34:54 +0900

무자본 창업이라는 말을 내세워 해당 수업이 진행되고 있지만, 사실 1원의 돈도 들이지 않고 사업을 할 수 있는 방법은 없습니다. 오늘 시청한 수업에서는 저의 경험담을 통해서도 언급드린 바가 있는 정부 지원 사업과 그 밖에 투자 유치라던가 돈을 빌리는 방법에 대한 내용들을 수업에서 다루고 있습니다. 정부에서 지원해 주는 사업비를 잘만 사용한다면 정말 사업에 커다란 도움이 됩니다. 7년 전의 저는 미숙했기에 결국 실질적인 성과를 내지 못했지만, 지금의 지식을 가지고 그때로 돌아간다면 결과가 크게 달라졌을지도 모르겠다는 생각을 글을 쓰며 하게 되는군요. 필요에 따라서는 다시 도전해 볼 수도 있을 것 같습니다. 아래에서 소개하는 방법들로 사업의 단계에 따라 적시적소에 필요한 돈을 쓸 수 있게 된다면 사업이 성장하는데 든든한 발판으로 작용할 수 있습니다.

로버트 기요사키의 부의 4분면

1. 수업 리뷰

초기 자본 획득 전략 1 - 정부 지원 사업

정부 지원 사업에 합격을 한다면 정부 지원금을 받아 해당 사업에 한에 사용할 수 있는데 상환의 의무가 없습니다. 가장 많은 지원 정보가 모여있는 곳은 K-Startup이라는 곳입니다.

K-Startup 바로가기

보통은 예비창업자 위주로 지원을 해주고, 기창업자 또는 재창업자는 지원 사업 수가 많지 않습니다. 기술 기반의 아이디어를 선정하기 때문에 하고자 하는 창업이 IT분야라거나 IT기술과 접목시킬 수 있다면 지원 가능합니다. 위의 링크를 통해 살펴보면 갑자기 창업을 하고 싶은 마음이 불쑥 들 수도 있습니다.
수업에서는 심사 기준이 대표나 팀원들의 스펙이 높을 경우 유리하기 때문에, 불가능하다고 판단되면 빠르게 포기하는 것도 방법이라고 말합니다. 고학력, 고스펙이 유리한 것은 맞습니다. 하지만 저는 고학력, 고스펙이 아님에도 불구하고 그들과 비슷한 수준으로 사업계획서를 작성했고, 사업 중간 점검에서는 우수 평가를 받아 추가 지원금을 받을 정도로 최선을 다했습니다. 저는 1년 동안 두 차례의 정부지원 사업에 선정이 됐었고, 2년 차에는 산학협력 R&D 사업에도 최종 선정 직전까지 갔었습니다. 다만 제가 사업을 그냥 포기해 버리겠다고 결심해서 자진 취소를 해버렸죠. 스펙보다는 자기 객관화를 할 수 있는 게 더 우선이라고 생각합니다.

초기 자본 획득 전략 2 - 투자 유치

투자자들은 가능성이 있어 보이는 회사에 사업 자금을 투자하고 그 회사의 지분을 받아냅니다. 투자한 회사가 수익을 창출하거나 엑시트를 할 경우 지분만큼의 수익을 실현합니다.
- 엑셀러레이터 : 창업 극초기 단계인 아이디어 기획 단계에서부터 지분 10%정도 로 투자하고 자문을 통해 사업을 육성해줍니다.
- VC(벤처 캐피탈) : 초기 창업 이후 1억 이상의 금액을 투자합니다.
투자를 받고 싶다고 받을 수 있는게 아니라 당연히 심사를 받게 됩니다. 시장성이 있는가, 서비스가 실제로 매출을 내며 성장을 하고 있는가, 사업계획이 잘 되어있는가, 대표와 팀원들이 해당 사업과 잘 맞는가, 시장 선점에 대한 전략이 있는가 등 많은 것을 고려해서 사업을 성장시키고 있을 때 투자도 받을 자격이 되는 것입니다.
창업을 하게 되면 투자를 받는게 당연한 분위기가 있는데, 사실 가장 좋은 것은 투자 없이 스스로 성장하는 것입니다. 투자를 많이 받을 수록 투자처의 간섭이 생기게 되고 이는 대표의 의사 결정권이 줄어든다는 말과 같습니다. 그리고 수익도 많이 쪼개질 것입니다. 무엇이든 일장일단이 있기에 현명한 선택을 위해서는 늘 공부해야 하고 성공한 멘토가 스승으로 있어야 하는 것 같습니다.

초기 자본 획득 전략 3 - 대출

사업이 이미 매출이 나오고 있거나, 수익성이 보장된 상태라면 당장 돈이 필요한 경우 대출을 통해 돌파구를 마련할 수 있습니다. 돈을 빌린다는 것이 무조건 안좋다는 왜곡된 생각으로 타이밍을 놓치게 되면 그게 오히려 더 커다란 손해일 수 있는 거죠. 그렇다고 예비자금을 위해서 일단 빌려둔다거나, 다른 해결방안이 있는데도 빌리는게 더 편할 것 같아서 받는 것은 안됩니다. 블로그에 가장 처음 포스팅 했던 '1년에 10억 버는 방구석 비즈니스'라는 책에 이 부분이 아주 현실적으로 잘 설명되어 있습니다. 한 번 읽어보시길 추천드립니다. 절묘한 타이밍에 도움을 받기엔 심사가 좀 까다롭지만 중소기업청 같은 공공기관에서 창업자를 위해 낮은 이자로 빌려주는 상품도 있습니다.

핵심 팀원을 찾고 팀빌딩을 하는 방법

창업이든 일반적인 직장 생활에서든 팀원은 결국 서로의 손과 발이 되어주고, 힘들때 의지가 될수도 혹은 더큰 고통을 안겨줄수도 있는 존재이기 때문에 중요한 요소입니다. 핵심 팀원을 찾는 방법은 특별한게 없고, 잘 맞는 지인으로 구성하거나 관련 오프라인 모임에서 다양한 사람들과의 만남으로 찾는 것 같습니다. 제 경험상으로도 온라인에서 구인을 하는 것은 거의 오늘 처음 본 사람에게 중요한 사업채를 떡하니 맡기는 것과 같은 결과를 가져다 준다고 봐도 무방합니다. 최대한 나와 의견이 맞는지를 여러 번의 오프라인 만남을 통해 대화해 보고 어느 정도는 검증하는 시간을 겪을 필요가 있습니다.

팀원 모두가 나처럼 일하게 하는 방법

앞선 수업에서 언급했던 접근 동기와 회피 동기를 활용할 수 있습니다. 회사의 비전과 성장 과정을 지속적으로 공유하고 실질적인 보상에 대해서도 구체적으로 제시를 함으로써, 회사의 성장과 개인의 성장이 함께 이루어진다는 것을 팀원들에게 인지 시킬 필요가 있습니다. 또한, 팀원들끼리 일일 업무 공유를 통해 필요한 환경을 세팅한다면 서로를 업무적으로 감시하는 효과가 생기고, 각자 해야하는 일을 하지 못했을 때 무능력한 사람으로 보일 수도 있다는 생각을 하게 되어 이런 창피함을 회피하고자 하는 인간의 심리가 작용해 업무에 책임감을 가지게 됩니다. 하지만 이런 회피 동기로는 대표자 처럼 자발적으로 열성을 다해 일하게끔 만들기는 어려울 수 있습니다. 넛지 방식을 적용한다면, 하나의 예로 출퇴근에 자율성이 주어졌을때 자율성을 얻음과 동시에 업무에 대한 책임감이 생게 할 수 있습니다. 그래서 출퇴근은 자율적이지만 업무의 상황에 따라서는 야근도 하게 되는 분위기가 형성되는 거죠. 자율을 주고 책임감으로 돌려 받는 아주 좋은 방법인 것 같습니다.

2. 창업형 인간 되기 5일 챌린지 #4

내가 참여할 수 있는 정부 지원 사업 서칭 후 리스트업 하기

저 같은 경우에는 이미 정부 지원 사업에 참여했던 기록이 있기 때문에 제가 대표자일 경우 재창업 프로그램에만 참여할 수 있습니다.

재도전성공패키지 - 접수기간 2023-02-15 ~ 2023-02-28 15:00 내년에 도전 가능할지도 모르겠습니다.

다른 대표자를 통해 지원할 경우에는 예비창업을 지원하는 모든 프로그램에 참여 할 수 있겠죠.

예비창업패키지 - 접수기간 2023-02-23 ~ 2023-03-15 16:00
창업중심대학 - 접수기간 2023-02-28 ~ 2023-03-21 16:00

아래 영상을 보고 '잘 팔리는 문구' 예시 5개 찾아보기

인간은 자신과 관련있다고 생각하는 것에 귀를 기울입니다.

뉴스 알리기 : 인간은 호기심에 약한 존재. 새로운 것에 흥미를 가지며, 흥미가 생기면 자신과 관련이 있다고 생각.
이익 제시하기 : 인간은 무엇인가를 얻을 수 있다는 것을 알게 되면 자세히 살펴보려는 본능이 있음.
욕망 자극하기 : 본능적 욕망부터 사회적 욕망까지를 자극하면 본능적으로 관심을 보임.
공포와 불안으로 부드럽게 위협하기 : 생존 본능이기 때문에 이것들을 해결해줄 정보를 언급하면 무시하지 못함. 강한 위협은 역효과.
신뢰를 판매와 연결하기 : 믿음을 주는 존재가 하는 말은 내용과 상관없이 듣게됨.

(삼성과 애플은 똑같은 스마트 워치를 만들지만 삼성은 제품으로써 팔고, 애플은 뉴스로써 팝니다.)

예시 찾기

뉴스 알리기 : 세계최초 LG울트라 올레드TV
이익 제시하기 : 누구나 4,000원 할인 (쿠폰 할인)
욕망 자극하기 : 넌 먹을 때 가장 예뻐 (배달의 민족)
공포와 불안으로 부드럽게 위협하기 : 아직도 걱정만 하고 계시나요? (현대해상)
신뢰를 판매와 연결하기 : 괜찮아요, iPhone 13이니까

캐치 카피(어떻게 말할 것인가) = 사람들을 멈춰서게 만드는 법칙

타깃 한정하기
질문 던지기
압축해서 말하기
과정을 엔터테인먼트화 하기
중요한 정보 숨기기
숫자나 순위 사용하기
비유로 마음 사로잡기
상식 뒤엎기
진심으로 부탁하기

이 포스팅은 라이프 해킹 스쿨 - 창업형 인간 되기 5일 과정의 수업 내용을 바탕으로 작성했습니다.
내일이 마지막 수업입니다.

무자본 창업 실행에 옮기는 방법 1 - 창업형 인간 되기 #3

슈노 — Fri, 30 Jun 2023 23:27:04 +0900

본격적으로 무자본 창업을 당장 실행에 옮길 수있는 방법들을 소개합니다. 가설이 잘 설정된다면 지금 바로 검증할 수 있는 효과적인 방법이라고 생각이 듭니다.

로버트 기요사키의 부의 4분면

1. 수업 리뷰

확률 높은 가설을 세우는 방법

A. 패스트 팔로워 전략

패스트 팔로워 전략이란 선두 주자(퍼스트 무버)를 재빨리 모방하는 전략이라고 할 수 있습니다. 하고자 하는 서비스가 있다면 일단 그 시장의 퍼스트 무버가 어떤 회사인지를 선정하고 시작하는 것이 좋습니다. 좋은 사례에 대해 모방을 여러 차례 해 보는 것이 성공에 가까워지는 비결이기 때문입니다. 독창적인 아이디어로 시장을 선점해도 모자랄 판에 모방을 해서 어떻게 성공할 수 있냐고 생각할 수 있습니다. 하지만 자유 시장에서 100%의 독점은 불가능하고, 우리가 생각한 아이디어 또한 100% 독창적일 수도 없습니다. 이미 앞서서 시장성을 증명해 준 퍼스트 무버의 아이디어를 차별화하고 특정 세그먼트로 타깃을 세분화하여 특화된 서비스 제공으로 접근한다면, 비록 퍼스트 무버에 비해서는 작은 규모라 할지라도 스타트업의 수준에서는 의미 있는 수익을 가져올 수 있습니다. 그 후에 타깃을 확장해도 늦지 않는 것이죠.

B. 누구나 판매할 수 있는 한 가지

누구나 창업하려는 서비스를 뚝딱 만들어낼 정도의 기술력과 전문성을 가지고 있다면 좋겠지만 그렇지 않은 경우가 더 많을 것입니다. 하지만 어느 정도의 직장이나 사회생활을 경험했다면 그 경험에서 발생한 자기만의 노하우(역량)는 누구나 가지고 있을 텐데, 그런 것들을 재능이나 지식의 형태 또는 대행하는 서비스로 판매할 수 있습니다. 이런 경우, 서비스를 시작할 때 본인 자신이 그 서비스이기 때문에 시간과 노동력을 제외하고는 구현하는데 초기 비용이 발생하지 않는다고 볼 수 있습니다. 또한 이렇게 재능을 서비스하는 과정에서 그 재능이 업그레이드되는 이점이 있습니다. 돈을 벌면서 역량도 강화되는 것입니다.

C. 정체성 기반으로 가설을 세우는 방법

앞선 강의에서 우리는 인생을 행복으로 가득 채우기 위해 경제적 자유를 달성해야만 한다고 했습니다. 그리고 그 경제적 자유를 달성하는 과정조차도 자신이 생각하는 행복의 기준에 부합하는 일로 실행해 나갈 때 행복과 몰입감을 느낄 수 있습니다. 일반적으로 선망의 대상이 되곤 하는 전문직 종사자들조차도 사실 일을 통해 행복을 느끼지 않는 경우가 다반사이고, 또 다른 제2의 인생을 마음속에 품고 현실을 버티며 사는 경우가 흔합니다. 자신의 강점과 행복 가치, 그리고 소비자의 니즈 이 세 가지들을 진지하게 생각해 보고 그 교차점을 찾는 것이 중요합니다.

행복	강점	니즈(시장 존재 유무)
무언가를 만들때 행복함	코딩 역량 V	생산성 어플 개발 V
누군가에게 도움을 줄때 행복함 V	디자인 역량 V	역량 교육 V
리더십을 발휘 할 때 행복함		제품 개발
...	...	...

D. Bottom-Up, Top-Down 방식의 가설 추출 방법

Bottom-Up 방식 : 일상에서 발생하는 불편함을 인지하고 해결하는 서비스를 출시, 디자인 싱킹, 항상 메모하는 습관
Top-Down : 시장 트렌드에서 해결책을 파악한 뒤 일상에 적용시킬 서비스를 출시, 트렌드(변화, 이슈)를 감지하는 능력이 중요하고 그 변화에서 오는 틈새시장을 공략

소설 작가 되기, 스토리 텔링의 중요성

창업 가설을 세운다는 것은 개연성 있는 스토리 텔링을 하는 것과 비슷합니다. 처음부터 거대한 서비스를 구축하기 위해 무모한 실행을 하는 것이 아니라, 초기 단계에는 유저를 효과적으로 유입시킬 수 있는 Lean 한 전략을 실행하고, 어느 정도 유저가 유입되었을 때 퍼포먼스를 낼 수 있는 유저 확장 전략(이슈화, 페인 포인트 전략, 바이럴)을 실행하는 방법으로 사업 단계에 기승전결을 만들어내는 것입니다. 실제로 아만다라는 데이팅 앱 서비스는 앱 출시 전에 오프라인 남녀 사교모임 커뮤니티를 운영했다고 합니다. 어떤 서비스를 출시하기 전 이렇게 바닥 작업을 하는 것부터 단계별로 시나리오를 세우는 것이 중요한 것 같습니다.

리스크 없이 실행하는 방법 : 미리 팔아보기

최소 자원으로 MVP(최소 기능 제품) 만드는 방법

최소 자원으로 서비스를 만들 되, 고객에게 보이는 퀄리티는 최고로 만들어내는 것이 중요합니다. 그러려면 기술력이 필요합니다. 뭔가 상충되는 것처럼 들리지만, 최소 자원으로 고퀄리티의 제품을 만들기 위해서는 MVP 즉, 최소한의 핵심 기능만을 구현해야 합니다.
아래와 같은 서비스를 통해 실제 MVP를 만들어 볼 수 있습니다.
- 아이엠웹 : 웹사이트, 쇼핑몰 간편 구축
- 망고보드 : 디자인을 도와주는 템플릿 제공
- 재능마켓 : 크몽, 숨고, 탈잉 등
- 다양한 쇼핑몰 플랫폼 : 네이버 스마트 스토어 등

고객 유입 채널 설계와 퍼널 크랙 진단 기법

마케팅 퍼널

인지, 호기심, 몰입, 의심, 욕구, 구매로 이루어져 있는 마케팅 퍼널은 고객의 모수가 가장 많은 제품에 흥미를 느끼는 첫 단계부터 최종 판매가 이루어지는 단계까지를 역 피라미드 모양으로 표현합니다. 아래로 갈 수록 고객의 모수가 점점 작아지기 때문입니다. 고객 유입을 정의된 단계별로 분석하고 진단하는 기법을 마케팅 퍼널(고객 구매 패턴)이라고 합니다. 이 단계 중 하나라도 제대로 실행되지 않으면 구매는 이루어지지 않는다는 이론입니다. 각 단계에 맞게 마케팅을 수행하고 있는지 생각해 볼 필요가 있겠습니다. 상품 노출이 잘 되고 있는지, 카피가 호기심을 잘 불러일으키고 있는지, 제품에 대한 설명이 몰입감이 있는지, 리뷰 관리가 잘 되고 있는지, 할인 등을 이용해 구매를 자극하고 있는지, 결제 시스템이 편리한지, 구매한 회원 관리가 잘 되고 있는지를 말이죠.

네이버 노출 최적화 전략

마케팅 퍼널에서 인지 단계에 해당합니다. 최상위에 존재하는 파워링크는 입찰제로 인기 키워드는 광고 단가가 비쌉니다. 그래서 단가가 낮은 키워드를 여러 개 활용하는 게 효율적일 수 있습니다. 그 외에 플레이스, 웹사이트, 지식인, 블로그에서 상위 노출 될 수 있게 노력해야 합니다. 네이버 검색 광고 서비스를 이용해서 광고를 하고 싶은 키워드에 대해 정확한 수치로 정보를 확인할 수 있습니다. 웹사이트 노출 최적화는 네이버에 검색해서 나오는 내용만 잘 적용해도 충분히 상위 노출이 가능합니다. 블로그상위 노출은 체험단, 기자단을 활용하는 것이 좋습니다.

페이스북/인스타 소셜 광고 전략

사용자의 접근 방식 유형에 따라 카테고리를 분류하고 이벤트를 생성해서 관리하면 비용 측면에서 효율적 관리가 가능합니다. 어떤 광고 도구든 제공하는 진단 툴을 통해 분석을 잘하는 것이 중요한 것 같습니다. 트래픽을 일으킬 것인지, 전환율을 높일 것인지에 따라 페이스북에서 제공하는 광고 집행의 종류를 잘 선택해 주어야 합니다. 잠재 고객 포커싱, 리타깃팅, 맞춤 타깃 등 제공하는 서비스를 잘 이해하고 세팅해 보는 것도 언젠가 실습을 해봐야 할 것 같습니다.

팔리는 카피 라이팅에 필요한 4가지

호기심 유발 : 내용의 언매칭(의외성)을 활용할 수 있습니다. 예시) "400만 원으로 화장품 회사를 만들 수 있다고?"
공감 : 타깃 고객들의 고민을 파악해서 공감을 표현할 수 있습니다.
믿음 : 가치 입증, 수치 명시적 표기, 권위 빌리기 등 활용할 수 있는 실제 자료를 내세울 수 있습니다. 예시) 매출 몇 억 달성
넛지 : 강매의 뉘앙스가 아니라 자발적 선택을 하게 끔 유도하는 것입니다.

돈 안 들이고 마케팅 보도자료 쓰기

보도자료는 원한다면 언제든 무료로 기고할 수 있습니다. 뉴스 채널에 보면 담당 기자들의 메일이 나와있는데 직접 연락하면 됩니다.

2. 창업형 인간 되기 5일 챌린지 #3

'가설 수립의 4가지 접근법' 중 하나를 이용해서 아이디어 작성해 보기

패스트 팔로워 기법
누구나 판매할 수 있는 한 가지
정체성 기반으로 가설을 세우는 방법
Bottom-up, Top-down 방식의 가설 추출 방법

저는 누군가에게 도움을 주는 것이 즐겁고, 디자인부터 코딩까지 가능한 직무 역량을 가지고 있습니다. 간단히 실행해 볼 수 있는 가설로는 저의 이런 역량을 누군가에게 교육으로 제공할 수 있겠습니다. 일단 제가 살고 있는 지역을 기반으로 소규모의 스터디 회원을 모집하거나, 숨고 같은 서비스에서 1명의 학생이라도 매칭해서 실제 저의 교육적 역량을 테스트해 볼 수 있습니다.

라이프 해킹 스쿨 서비스 퍼널 크랙 진단하기

제가 이 수업을 결제하기 까지를 인지, 호기심, 몰입, 의심, 욕구, 구매의 퍼널 단계로 살펴보겠습니다. 기억은 잘 나지 않지만 일단 제가 자주 들여다보는 인스타그램과 검색 도구로 활용하는 구글의 검색 내용 중 그 어딘가에서 수업 광고를 봤을 것입니다. 그러니까 이 수업을 듣고 있겠죠. 창업에 관심이 많았던 제가 그 광고를 보고 호기심이 발동해 클릭을 했습니다. 그리고 사이트 여기저기를 둘러보면서 믿을 만한 곳인지 판단하려고 했을 것입니다. 유명한 자청님의 얼굴도 보이고, 강사님의 얼굴도 유튜브를 통해 어디선가 봤던 걸 기억하면서 의심이 해제됩니다. 커리큘럼이 한 번쯤 들어두면 좋을 것 같다고 생각하고, 가격이 부담되지 않는 데다가 챌린지를 완수하면 환급까지 가능하다는 말에 즉각 결제했습니다. 만약 여기서 결제가 불편했다면 그냥 꺼버렸을지도 모릅니다. 이렇게 하나하나 생각해 보니 퍼널이라는 게 굉장한 힘을 가지고 있다는 생각이 듭니다. 결국 이렇게 생고생을 하면서 열심히 포스팅을 하게 되는 긍정스트레스를 저도 모르게 수행하고 있으니 말이죠.

수업 3일 차입니다.
포스팅 내용은 라이프 해킹 스쿨 - 창업형 인간 되기 5일 과정을 바탕으로 작성했습니다.
끝까지 잘 마무리해 보겠습니다.

경제적 자유를 위한 무자본 접근법 - 창업형 인간 되기 #2

슈노 — Thu, 29 Jun 2023 22:10:14 +0900

경제적 자유를 얻기 위한 최적의 방법인 창업에 대한 마인드 셋 강의 리뷰를 계속 이어 나가 보겠습니다.
우리가 반복적인 실험을 통해서 창업형 인간으로 거듭나려면 창업에 실패했을 때 기본적인 생계에 위협을 받을 정도의 금전적 리스크가 발생해서는 안됩니다. 그래야 반복적인 실험을 지속할 수 있을 테니까요. 오늘 들은 수업에는 마인드 셋과 더불어 무자본 창업에 관한 여러 사례들이 포함되어 있었습니다. 참고해서 아이디어를 활용하면 도움이 될 것 같습니다.

로버트 기요사키의 부의 4분면

1. 수업 리뷰

창업형 인간이 되기 위한 필수 역량 2

- 인간의 유전자에는 생존 본능에 필요한 망각 시스템과 방어 시스템이 강하게 자리 잡고 있다. 하지만 이 유전자라는 것은 상당히 원시 수준에 머무른 채로 현대 상황에 맞게 진화되지 않았기에 유전자에게 생존이라는 것은 인간으로서 상위 수준에 올라서는, 미래의 행복을 충분히 보장할 만한 생존의 수준을 말하는 것이 아니라, 아주 원시적인 수준으로써 지금 당장의 생존에만 매몰되어 가까운 미래조차도 생각하지 않는 회피적 수준에 가깝다. 현대 사회에서 이 유전자의 방어기제란 거의 자기 합리화의 수단으로 작용할 가능성이 99%에 가깝다는 생각이 든다.
- 인간은 의지로써 실행할 수 있는 능력이 부족하다. 어떤 죽을 만큼의 커다란 사건을 겪지 않는 이상은 불가능에 가깝다. 메타 인지(자기 객관화)를 통해 자신에게 맞는 환경을 갖추는 것이 실행력을 높이는 유일한 방법인 것 같다. 그 환경을 갖추는 데는 접근 동기와 회피 동기가 있다. 접근 동기는 긍정의 보상으로 행복 회로를 돌리는 방식이다.
예를 들어 책 읽기는 지식을 쌓음과 동시에 두뇌 기능도 높아지기 때문에 장기적으로 나에게 꼭 필요한 활동이기에 일주일에 한 권씩 꾸준히 읽으면 향후 1년 뒤에는 분명 업무적으로 나에게 커다란 보상이 주어질 것이라고 생각하고 실행해 보는 것이다. 한 권씩 읽을 때마다 사고 싶었던 물건을 하나씩 구입하는 물질적 보상을 포함한다면 금상첨화이다. (하지만 잘 지켜지지 않는다.) 회피 동기는 부정적인 상황을 회피하게 만드는 심리를 이용하는 방식이다. 내가 독서 모임을 만들어 회원들을 모집하고 책을 읽지 않았을 때 벌금을 내는 등 사회적인 관계를 이용했을 때, 사람은 창피함을 당하는 걸 싫어하기 때문에 실행 가능성이 아주 높아진다.
하지만 내 경험상 이것도 어느 정도는 공적인 관계를 이용했을 때만 효력이 있고, 사적인 관계에서는 흐트러질 구실이 만들어지기 쉬워 실행 가능성이 낮아지기 마련이다. 이렇게 나에게 긍정적인 결과를 가져다주는 스트레스를 일부러 만들어 성장할 필요가 있다.
- 성공을 하려면 운이 좋아야 한다는 말들을 많이 한다. 운이라는 것을 다른 말로 바꿔보면 확률이다. 확률이란 것을 높여가려면 어떻게 해야 할까? 세상에 100% 성공 확률이란 없기에 3% 이상 발생 할 수 있는 실패의 상활들을 고려해 보고 그에 대비해 미리 계획을 세워서 실행해야 한다. 반복적인 실험을 하는 것, 즉 창업은 인생에서 이 확률들을 높여나갈 수 있는 직접적인 방법이다.
- 왜곡된 사고는 리스크를 발생시킨다. 인간은 본인이 가지지 못하는 것에 시기와 질투를 느끼면 자기 합리화를 하기 위해서 그 대상을 혐오스럽게 만들어 버리기도 하는 존재다. 사소하거나 혹은 있지도 않은 리스크를 피하기 위한 자기 방어를 하다 보면 역으로 진짜 리스크를 겪는 상황이 발생하기도 한다. 이를 방지하기 위해서는 실제 사실에 근거한 자료들을 살펴보고, 괜한 방어기제 때문에 합리화하고 있는 것은 아닌지 되짚어 생각해 보는 태도를 가질 필요가 있다.
- 게임은 퀘스트와 보상으로 레벨을 올려가는 것에 재미를 느끼게 해서 플레이어들을 중독시킨다. 우리의 삶은 게임처럼 누군가가 설계해주지 않기에 스스로 본인의 삶에 퀘스트를 만들고, 보상을 주며 인생에 몰입감을 부여할 수 있다.

무자본 창업 필승 공식

( 가설 세우기 + 미리 팔아보기 * 구현 기술, 실행력 ) >> 무한반복
실제 생활 속에서 관찰된 아이디어를 아주 작은 규모로 실행해서 가설 검증을 지속적으로 반복하는 것이 중요하다. 무자본 창업에서 실행을 하는데 중요한 것은 그 가설 즉, 제공하고자 하는 서비스에 필요한 기술력을 갖추었는가가 관건일 수 있다. 기술력을 갖추었다면 미리 팔아보기를 해야 하는데, 이때는 제대로 된 사업으로 보이기 위한 모든 구색을 갖출 필요가 없다. 자기만족이 아닌 사용자에게 제공하는 부분에서, 전문적이고 제대로 된 퀄리티의 제품으로 보이는 수준을 갖추는 것이 중요하다. 적은 비용으로 사업을 하는 만큼 내부적으로는 엄청난 비효율과 노동력이 발생할 수 있다.

2. 실제 사례 생각해 보기

오늘 당장 긍정적 스트레스를 받을 수 있는 환경을 설계해 보기

저는 저번 포스팅 마지막에 앞으로 4일 동안 해당 수업의 리뷰 글을 올릴 거라고 적어두었습니다. 사실 어제부터 여행을 다녀왔고 날씨도 비가 많이 오다 보니 게으름이 올라와서 온갖 핑계들이 머릿속을 잠식하려 했지만 아무래도 제 블로그이다보니 약속을 어기는 것이 찝찝해서 이렇게 열심히 쓰게 됐습니다. 요즘의 인간들에게는 이런 소셜 미디어도 인간관계 못지않게 사회적인 의미를 부여하니까요. 미리 할 일을 선언한 어제의 내가 오늘의 저를 움직이게 하고 있습니다.

미리 팔아보기 시나리오

1. 자율 주행 로봇 청소기

사용 방식 : 로봇이 24시간 켜져 있고, 바닥의 청결 상태를 주기적으로 스스로 체크하여 자동으로 청소하는 청소기 제품
팔아보기 : 체험용 샘플 청소기를 최소로 마련하여, 한 달 정도의 기간에 3일 정도 제품을 체험해 볼 잠재적 고객을 모집하는 이벤트를 진행해 본다. 전자 기기에 관심이 많은 사람들이 모여있는 카페나 커뮤니티를 활용한다. 사용 후, 그 고객들에게 해당 커뮤니티에 리뷰를 남기게 하고 실제품 구매 시 할인받을 수 있는 쿠폰을 제공해 준다. 남겨진 리뷰를 콘텐츠로 활용해 해당 커뮤니티에 마케팅을 하고 반응을 통한 수요를 파악해서 실제 판매로 연결시켜 가설 검증을 진행해 본다.

2. 동화 창작 앱

사용 방식 : 모바일 또는 태블릿에서 부모와 아이가 함께 동화를 만들어 볼 수 있는 앱 서비스
서비스 방식 : 동화의 배경 이미지가 쭉 리스트로 나오면 원하는 배경 선택
캐릭터 이미지가 쭉 리스트로 나오면 원하는 캐릭터 선택
캐릭터 위에 말풍선에 직접 원하는 문구 넣기 등 이렇게 동화 장면 하나하나 만들어가는 앱 서비스
팔아보기 : AI의 발전으로 인해 흔히 생각할 수 있는 직업이 사라질 수 있다는 전망을 바탕으로 동화 창작 앱을 아이가 사용하게 되면 향후 미래에 각광받을 수 있는 직업군의 인재가 될 수 있는 방향으로 홍보를 하면 좋겠다. 기계로 대체할 수 없는 정형적이지 않은 창의력, 공감능력, 감성이 중요한 시대가 도래하게 되는데 동화 창작 앱을 사용하게 되면 창의적인 이야기 전개 능력, 각각의 캐릭터에 대한 공감력과 감수성이 풍부해져 콘텐츠 소비자가 아닌 콘텐츠 생산자로 성장할 수 있다는 내용을 마케팅 자료로 준비하고, 해당 나이대의 아이들과 그 가족들이 많이 모일 수 있는 장소를 조사한다. 어린이집, 유치원, 놀이공원, 백화점 등에서 체험할 수 있는 공간을 마련하고 전문적인 설명과 함께 홍보를 하는 과정에서 앱을 설치하고 경험하게 한다. 한 달 무료 체험을 통해 정기 구독으로 유도한다.

해당 리뷰의 내용은 라이프 해킹 스쿨 - 창업형 인간 되기 5일 프로젝트 수업을 바탕으로 작성되었습니다.

경제적 자유를 얻어야 하는 이유 - 창업형 인간 되기 #1

슈노 — Wed, 28 Jun 2023 22:54:01 +0900

경제적 자유에 대한 일기 같은 글을 써봅니다. 우연한 기회로 라이프 해킹 스쿨에서 진행하는 창업형 인간 되기 5일 선행 수업에 참여하게 됐습니다. 5일 동안의 수업을 리뷰해야하는데 막상하려니 괜한 짓을 했나 싶습니다.

로버트 기요사키의 부의 4분면

1. 창업할 생각인가?

약 6-7년 전쯤, 스타트업이라는 말이 한국을 휘몰아쳤다고 해도 과언이 아닐 정도로 창업을 육성하는 기조가 강했던 시기가 있었습니다. 여기저기 신생 스타트업들의 투자 상황이 기사로 쏟아졌습니다. 정부에서 대대적으로 육성 프로그램을 만들고 홍보해서 남녀노소 불문하고 누구나 창업? 아니면 창업 간접 경험? 을 할 수 있게 해 주었습니다. 저 또한 그 열기에 합세하여 기존에 몸담고 있던 스타트업에서 빠져나와 혼자만의 창업에 도전했었던 경험이 있었습니다.

IT업에 종사하고 있었기 때문에 앱 서비스에 대한 사업을 구상해서 정부가 지원해 주는 창업 프로그램에 지원했고 좋은 결과를 받아 1억에 가까운 금액을 지원받을 수 있었습니다. 앱 개발부터 출시, 특허 출원, 상표등록, 마케팅까지 그때 당시의 저로서는 혼자힘으로 절대 해볼 수 없을 것만 같았던 주옥같은 경험들을 공무원분들의 도움(압박)에 기대어 풀코스로 경험할 수 있었습니다.
하지만 그때의 저는 경험과 끈기가 부족했습니다. 빠트린 핵심 기능 개발이 완료되면 투자를 해주시겠다던 어느 대표님의 고마웠던 기대와 관심마저 저버리고 저는 그냥 사업을 포기했습니다. 그리고 다시 본업으로 돌아와서 창업을 했던 밑천으로 더 다양한 영역에 욕심을 내기 시작했습니다. 1년 남짓되는 그 창업 관련 경험들은 아찔함과 간절함, 분노와 각성, 겸손해지는 동시에 허탈해지는 여러 가지 감정과 깨달음을 얻게 해 주었고, 나름의 성장을 가져다주었습니다. 6-7년 정도의 시간을 성장과 나태함이라는 무한 굴레 속에서 아주 잘 살고 있었습니다. 중간중간 창업에 대한 마음이 빼꼼하고 고개를 내밀 때마다 아직 턱없이 부족한 제 자신을 깨닫고, 다시 평범한 개미의 삶을 잘 유지했습니다.

그런데 요즘의 저는, 그래도 최소한의 실행을 할 만큼은 뭔가가 영글었나 봅니다. 눈에 띌 정도는 아니지만 무언가를 작게나마 계속 시도하고 있는 것이죠. 그 와중에 라이프 해킹 스쿨에서 창업하기 전 선행 스터디를 하는 강의가 있어서, 나에 대한, 나의 창업에 대한 생각들을 다시 한번 정리하고자 수업에 참여하게 됐습니다. 뭐 아무튼 저는 창업을 하는 과정 중에 있습니다.

2. 창업 마인드셋 다지기

수업을 듣는 기간 중에 제출해야 하는 과제를 블로그에 정리하려고 합니다. 아래는 그 내용입니다. 출처는 라이프 해킹 스쿨 - 창업형 인간 되기 5일 프로젝트의 강의 내용입니다.

1일 차 강의 리뷰

왜 경제적 자유를 얻어야 하는가?

인간은 결국 행복해지기 위해서 사는 것인데 사람마다 행복에 이르는 방법은 모두 다르겠지만 깊게 파고들어 거듭 생각해 보면 결국은 경제적 자유로 귀결되기 마련이다. 한 번뿐인 인생을 행복의 순간으로 촘촘하게 채워나가기 위해서 경제적 자유는 필수불가결한 것이다.

왜 창업형 인간이 되어야 하는가?

일반적인 직장에 다녀서 만들 수 있는 자산의 규모로는 미래의 행복이 불확실한 수준에 머물 수밖에 없다. 주식, 부동산 같은 재테크 또한 어느 정도의 자본이 있어야 의미 있는 수익이 가능하다. 본인의 상황에 맞게 반복적인 실험을 통해 자동 수익을 만들어 경제적 자유를 만들 수 있는 방법은 창업이 적합하다. 세상을 두고 수익을 창출해 내는 반복적인 실험을 할 수 있어야 한다. 본인 만의 업을 만들어서 수익 활동을 할 수 있어야 한다. 직장인이라면 다니고 있는 회사 1개만이 거래의 대상이다. 다양한 거래 주체로부터 수익 활동을 만들어서 당장 회사를 관두고도 생존하는 방법을 아는 것이 창업형 인간이다.

창업형 인간이 되기 위한 필수 역량

인간의 두뇌에는 한계가 있기 때문에 생각을 저장하고, 사고를 정리하기 위해 글로써 기록하는 습관이 필요하다.
정체성이라는 것은 내가 내린 결론의 총합이다. 내가 무엇을 잘하고, 어떤 가치를 추구하는지 등 자신에 대해 알아야 한다.
세계관(생각의 깊이, 크기)에 따라 사건 또는 상황에 대해 받아들이는 방식이 다를 수 있다. 그렇게 받아들여지는 것에 따라 본인이 가지고 있는 감정, 시간 등의 자원을 효율 또는 비효율적으로 사용하게 된다.

창업을 하고 경제적 자유를 얻고자 하는 나만의 이유를 확실하게 정의하기

회사를 다니다 보니 물은 위에서 아래로 흐른다는 말을 실감하게 되는 경우가 일상다반사였습니다. 적어도 저에게는 말이죠. 사람들은 행복해지기 위해 사는 거라고 하는데, 사람이라는 동물은 환경에 영향을 아주 많이 받습니다. 그래서 저는 좋은 환경을 제공하고 싶어 졌습니다. 그리고 정말 좋은 사람들과 함께 일하고 싶어 졌습니다. 그리고 경제적 자유를 이루어 나가면서 제공해주고 싶은 좋은 환경이라는 것을, 인간을 넘어선 자연과 동물, 지구에 환원하고 싶어졌습니다.

스스로 세계관이 좁아 자원을 크게 낭비했던 경험 2가지 이상 서술해 보기

- 창업했을 당시의 나는 개발에 대한 지식이 거의 전무했습니다. 그래서 시간과 그에 비례하는 만큼의 사업비를 제대로 활용하지 못했습니다.
- 하나의 서비스가 완성되는데 필요한 최소한의 시스템을 파악하지 못했습니다. 그 시스템을 작게 여러 번 경험해 보는 것이 중요하다고 생각합니다.

앞으로 4회 정도 더 해당 강의에 대한 내용을 포스팅할 예정입니다.

다중 props 상태로 styled-components 스타일링 하기

슈노 — Tue, 20 Jun 2023 00:56:52 +0900

styled-components는 컴포넌트 간의 분리와 재사용성을 높여주며, 스타일의 일관성을 유지하는 데 도움이 됩니다.
부모 컴포넌트에서 상속받은 props의 상태가 여러 상황일 때, 효율적인 사용방법을 알아보겠습니다.
물론 저는 Next.js와 Typescript 사용을 기본으로 합니다.

styled-components

1. 재사용할 Button 컴포넌트 만들기

import Link from 'next/link';
import styled from 'styled-components';

const Button = ({ size, href, children }: ButtonStyledType)) => {
  const { size, href, children } = props;
  return (
    <LinkStyled href={href} size={size}>
      {children}
    </LinkStyled>
  );
};

export default Button;

interface ButtonStyledType {
  size: string;
  href: string;
  children: React.ReactNode;
}

const LinkStyled = styled(Link)<ButtonStyledType>`
  padding: 4px 8px;
  border-radius: 4px;
  font-size: ${(props) => {
    switch (props.size) {
      case 'small':
        return '12px';
      case 'medium':
        return '14px';
      case 'large':
        return '16px';
      default:
        return '12px'; 
  	}
}};

위의 코드는 Button 컴포넌트와 LinkStyled 스타일드 컴포넌트를 사용하여 버튼을 만드는 예제입니다.
먼저, Button 컴포넌트는 아래에 작성할 부모 컴포넌트의 Button사용에서 size, href, children props를 받아옵니다. size는 버튼의 크기를 지정하고, href는 버튼이 클릭될 때 이동할 링크를 나타냅니다. children은 버튼 안에 표시될 내용을 의미합니다.
LinkStyled는 styled-components의 styled 함수를 사용하여 Link 컴포넌트에 스타일을 적용한 것입니다. LinkStyled 컴포넌트는 ButtonStyledType라는 인터페이스를 사용하여 size와 href props를 받아옵니다.
LinkStyled 컴포넌트에서는 padding, border-radius, font-size 등의 스타일 속성을 설정합니다. 여기서 font-size 속성은 props.size 값을 switch 문을 사용하여 확인하고, 각각의 경우에 따라 적절한 폰트 크기를 반환합니다. 설명하자면, size 값이 "small"인 경우에는 폰트 크기를 12px로 설정하고, "medium"인 경우에는 14px로 설정하며, "large"인 경우에는 16px로 설정합니다. 기본적으로는 12px로 설정되어 있습니다. 이렇게 함으로써 버튼의 크기에 따라 동적으로 폰트 크기가 조정됩니다.
이 부분이 핵심입니다. 실무에서 사용할 때 정말 유용합니다.
이렇게 구현된 코드는 Button 컴포넌트와 LinkStyled 스타일드 컴포넌트를 조합하여 버튼을 생성하고, 버튼의 크기에 따라 폰트 크기를 동적으로 조정할 수 있습니다. 이를 통해 재사용 가능한 컴포넌트를 만들고, 다양한 스타일과 크기의 버튼을 생성할 수 있습니다.

2. 부모 컴포넌트에서 사용하기

import Button from '../ui/button';

const Page = () => {
  return (
    <div>
      <Button href={"/home"} size="small" color="primary">
        Explore Link
      </Button>
    </div>
  );
};

export default Page;

이렇게 구현된 코드를 사용하면 다양한 크기의 버튼을 생성할 수 있으며, 각각의 버튼은 자체적으로 크기에 맞는 폰트 크기를 가집니다. 이는 코드의 재사용성과 유지보수성을 높여줍니다. 즉, 스타일드 컴포넌트를 사용하여 다양한 props 값을 받아와 동적으로 스타일을 적용하는 버튼을 생성할 수 있습니다.

Page 컴포넌트에서는 Button 컴포넌트를 사용하여 버튼을 렌더링 합니다. Button 컴포넌트에는 href, size, color props를 전달하여 각각 링크, 크기, 색상을 설정합니다. 예를 들어, size props에 "small"을 전달하면 작은 크기의 버튼이 생성되고, color props에 "primary"을 전달하면 버튼의 색상이 주요 색으로 설정됩니다.

이와 같은 방식으로 styled-components를 활용하면 UI 컴포넌트의 스타일링을 보다 쉽고 유연하게 처리할 수 있습니다. 또한, 컴포넌트 간의 상속과 재사용을 통해 일관된 디자인 시스템을 구축할 수 있습니다. 이는 개발 생산성과 유지보수성을 향상하는데 도움이 됩니다. 토이프로젝트 같은 걸 진행하면서 각자의 UI 라이브러리를 구축해 볼 수 있습니다. 누가 아나요? Ant Design을 능가하는 라이브러리를 만들어낼지요.

Next.js - Image 기본 기능 활용하기

슈노 — Mon, 19 Jun 2023 03:36:25 +0900

이미지 최적화에 도움이 되는 next/image 기본 사용법을 알아보겠습니다. 기본 사용법이고, 실제 최적화에 해당하는 내용은 추후 포스팅하겠습니다.

next/image

1. public 폴더 생성

Next.js에서 public 폴더에 저장된 파일들은 정적 파일(static files)로 취급됩니다. 이러한 파일들은 서버에서 직접 제공되어 클라이언트(브라우저)에서 접근할 수 있어야 합니다.
하지만 Next.js는 기본적으로 파일 시스템 라우팅(File System Routing)을 사용하여 페이지를 서빙하며, 이는 정적 파일을 자동으로 처리하지 않습니다. 따라서 public 폴더 안에 있는 이미지 파일은 기본적으로 브라우저에서 접근할 수 없는 상태입니다.
정적 파일을 제공하려면 Next.js의 내장된 기능을 사용해야 합니다. Next.js에서는 public 폴더 또는 public/images 폴더를 사용하여 정적 파일을 관리하는 것이 좋습니다. 해당 폴더 안에 이미지 파일을 저장한 뒤, 이미지를 사용하려면 다음과 같이 경로를 지정하여 불러와야 합니다.

import Image from 'next/image';

const MyComponent = () => {
  return (
    <div>
      <Image src="/images/my-image.jpg" alt="My Image" width={500} height={300} />
    </div>
  );
};

export default MyComponent;

위의 예시에서 /static/images는 public 폴더의 static/images 경로를 나타냅니다. 이미지를 불러올 때는 next/image 모듈을 사용하고, 경로를 /static으로 시작하는 것에 유의해야 합니다.
만약 정적 파일이 아닌 동적 파일로 처리해야 하는 경우, Next.js의 API 라우팅 기능을 사용하여 파일을 제공할 수 있습니다. 자세한 내용은 아래 이미지 링크의 Next.js 공식 문서에서 "API Routes" 섹션을 참조하시기 바랍니다. 향후에 해당 내용도 다루겠습니다.

API Routes

2. 더미 데이터 활용해서 map() 함수로 렌더링 하기

import Image from 'next/image';

const DUMMY_events = [
  {
    id: 'event1',
    image: 'images/my-image1.jpg',
  },
  {
    id: 'event2',
    image: 'images/my-image2.jpg',
  }
];

const EventList = () => {
  return (
    <div>
      {DUMMY_events.map((event) => (
        <div key={event.id}>
          <Image src={event.image} alt="이벤트 이미지" width={300} height={200} />
        </div>
      ))}
    </div>
  );
};

export default EventList;

위의 코드에서 DUMMY_events는 이벤트 데이터를 담고 있는 배열입니다. 각 이벤트는 id와 image 속성을 가지고 있습니다. EventList 컴포넌트에서는 DUMMY_events 배열을 map() 함수를 사용하여 순회하며, 각 이벤트에 대해 Image 컴포넌트를 렌더링 합니다. event.image를 src 속성으로 전달하고, 이미지의 원하는 width와 height를 지정합니다.
이미지 경로가 올바르게 지정되어 있고 프로젝트의 이미지디렉터리를기준으로 상대 경로로 설정되어 있는지 확인해주세요.

3. styled-components로 스타일링하기

우선, 스타일드 컴포넌트 모듈을 설치해 줍니다.
npx yarn add styled-components
타입스크립트를 사용하는 경우 아래 모듈도 설치해 줍니다.
npm i --save-dev @types/styled-components

import Image from 'next/image';
import styled from 'styled-components';
import { EventTypes } from '@/dummy-data';

const Img = styled(Image)`
  height: auto !important;
  max-width: 600px;
  position: relative !important;
`;

const DUMMY_events = [
  {
    id: 'event1',
    image: 'images/my-image1.jpg',
  },
  {
    id: 'event2',
    image: 'images/my-image2.jpg',
  }
];

const EventList = () => {
  return (
    <div>
      {DUMMY_events.map((event) => (
        <div key={event.id}>
          <Image src={event.image} alt="이벤트 이미지" width={300} height={200} />
        </div>
      ))}
    </div>
  );
};

export default EventList;

위 코드에서는 styled-components를 사용하여 이미지에 스타일을 적용하고 있습니다. 스타일드 컴포넌트를 사용하면 컴포넌트와 스타일을 함께 정의할 수 있어 코드의 가독성과 재사용성을 높일 수 있습니다.
먼저 styled-components를 import 하고, Img라는 스타일드 컴포넌트를 생성합니다. Img는 styled(Image)와 같이 Image 컴포넌트를 감싸는 형태로 정의됩니다. 이렇게 하면 Img 컴포넌트가 Image 컴포넌트를 상속받아서 스타일을 적용할 수 있게 됩니다.

이제 Img 컴포넌트 내부에서 CSS 속성을 정의할 수 있습니다. 예를 들어 height, max-width, position 등의 속성을 설정할 수 있습니다. 또한 !important를 사용하여 해당 스타일이 다른 스타일보다 우선적으로 적용되도록 설정할 수 있습니다.
스타일드 컴포넌트로 생성된 Img는 이후에 JSX 코드에서 일반 컴포넌트처럼 사용할 수 있습니다. 위의 코드에서는 Img 컴포넌트를 <Image src={event.image} alt="이벤트 이미지" width={300} height={200} />와 같이 사용하고 있습니다. 이렇게 하면 Image 컴포넌트에 Img 스타일이 적용되어 렌더링 됩니다.
이러한 방식으로 스타일드 컴포넌트를 사용하면 컴포넌트와 스타일을 한 곳에서 관리할 수 있고, 재사용성을 높일 수 있습니다. 또한 한 컴포넌트의 스타일이 다른 컴포넌트에 영향을 주지 않게 되어 복잡한 상황을 예방할 수 있습니다.

next/image 관련 자세한 기능들은 추후 업데이트 할 예정입니다.

Next.js - Routing 정적 라우팅, 동적 라우팅, 링크 활용하기

슈노 — Mon, 19 Jun 2023 02:45:05 +0900

Next.js는 일반적인 리액트의 페이지 기반 라우팅과 다르게 파일 기반 시스템으로 되어있어, vscode 같은 통합개발환경에서 개발을 위해 폴더와 파일을 만들면 그 구조가 자연스럽게 라우팅에 활용되도록 해줍니다.
정적 라우팅과 동적 라우팅을 활용하는 방법을 알아보겠습니다.

next.js route

1. 정적 라우팅

정적 라우팅은 라우트가 빌드 타임에 결정되는 것을 의미합니다. 이 경우, 각 페이지에 대한 라우트가 사전에 정의되어 있으며, 사용자가 해당 페이지를 요청하면 라우팅이 발생합니다.
아래는 정적 라우팅 구조의 예시.

- pages
  - index.js
  - about.js
  - contact.js

위의 예시에서는 index.js, about.js, contact.js 파일이 각각 /, /about, /contact 경로로 이동됩니다.

2. 동적 라우팅

동적 라우팅은 라우트가 런타임에 결정되는 것을 의미합니다. 이 경우, URL의 일부분이 동적 매개변수로 처리되며, 이를 기반으로 페이지가 렌더링 됩니다.
아래는 동적 라우팅 구조의 예시.

pages
  - posts
    - [slug].js

위의 예시에서는 posts 폴더 내에 [slug].js 파일이 있으며, [slug]는 동적 매개변수입니다. 이 경우, /posts/hello-world URL은 slug = 'hello-world'로 처리되며, posts/[slug].js 파일이 렌더링 됩니다.
이와 같은 폴더 구조는 다양한 동적 라우팅 시나리오를 처리하기에 적합합니다.

3. 매개 변수 활용 - useRouter

next.js에서 동적 라우팅을 할 때, 매개변수를 서버로 전달하여 처리하는 방법을 알아보겠습니다.
동적 라우팅을 하기 위해서는, 파일 이름에 [대괄호]를 사용합니다. 예를 들어, [id].js라는 파일 이름을 사용하면, id라는 매개변수를 사용할 수 있습니다.

// pages/[id].js

import { useRouter } from 'next/router'

function Post() {
  const router = useRouter()
  const { id } = router.query

  return <p>Post: {id}</p>
}

export default Post

위의 코드에서는 useRouter()를 사용하여 router 객체를 가져온 후, router.query를 사용하여 매개변수 값을 가져옵니다.
그리고 서버에서 이 값을 받아오기 위해서는 getInitialProps를 사용할 수 있습니다.

// pages/[id].js

function Post({ data }) {
  return <p>Post: {data.title}</p>
}

Post.getInitialProps = async (ctx) => {
  const { id } = ctx.query
  const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`)
  const data = await res.json()

  return { data }
}

export default Post

위의 코드에서는 ctx.query를 사용하여 매개변수 값을 가져온 후, API를 호출하여 데이터를 가져옵니다. 이렇게 서버에서 매개변수 값을 받아온 후, 이 값을 req.body로 전달하여 처리할 수 있습니다.
이렇게 next.js의 동적 라우팅에서 매개변수를 서버로 전달하여 처리하는 방법을 알아보았습니다.

4. Catch-All 라우트
Catch-All 라우트란 next.js에서 제공하는 기능 중 하나로, 경로를 정의하지 않은 페이지를 처리하는 방법입니다. 예를 들어, /pages/[...slug].js 파일을 생성하면, /pages/a, /pages/a/b, /pages/a/b/c와 같은 모든 경로가 해당 파일로 라우트 됩니다.
이 기능은 동적으로 생성되는 페이지를 처리하는 데 유용합니다. 또한, 더 나은 SEO를 위해 URL 구조를 더욱 깔끔하게 만들어 줄 수 있습니다.
하지만, 이 기능을 사용할 때는 URL 구조를 신중하게 설계해야 하며, 잘못된 구조로 인해 사용자가 원하지 않는 페이지에 랜딩 할 수 있습니다. 따라서, 충분한 테스트와 검증을 거친 후에 이 기능을 사용하는 것이 좋습니다.

슬러그로 필터링해 보기

catch-all 라우트를 사용하여 데이터를 필터링하는 방법

// pages/[...slug].js

import { useRouter } from 'next/router';

const data = [
  { id: 1, name: 'Apple', category: 'Fruit' },
  { id: 2, name: 'Banana', category: 'Fruit' },
  { id: 3, name: 'Carrot', category: 'Vegetable' },
  { id: 4, name: 'Tomato', category: 'Vegetable' },
];

export default function FilterPage() {
  const router = useRouter();
  const { slug } = router.query; // slug는 배열 형태이다.

  // slug를 기반으로 데이터 필터링
  const filteredData = data.filter(item => {
    // 예시: slug[0]이 'category'이고, slug[1]이 카테고리 이름인 경우 해당 카테고리의 데이터만 필터링
    if (slug[0] === 'category' && slug[1] === item.category) {
      return true;
    }
    return false;
  });

  return (
    <div>
      <h1>Filtered Data</h1>
      <ul>
        {filteredData.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
    </div>
  );
}

위의 코드에서 data 배열은 필터링할 대상 데이터를 나타냅니다. **filteredData**는 data 배열을 slug를 기반으로 필터링한 결과를 저장합니다. 위의 예시에서는 **slug[0]**이 **'category'**이고 **slug[1]**이 카테고리 이름인 경우 해당 카테고리의 데이터만 필터링합니다.
예를 들어, /category/Fruit 경로로 접근하면 **filteredData**에는 **category**가 **'Fruit'**인 데이터만 포함됩니다.
실제 프로젝트에서는 필터링 조건과 데이터 구조에 따라 필터링 로직을 수정해야 할 수 있다. 이 예시는 단순한 필터링을 보여주기 위한 것이므로, 필요에 따라 해당 로직을 수정하여 원하는 방식으로 데이터를 필터링할 수 있습니다.
필요한 경우, 데이터 소스를 외부 API 호출이나 데이터베이스 쿼리 등으로 변경하여 데이터를 가져오고 필터링할 수도 있습니다.

5. Link - 'next/link'

Link 컴포넌트를 사용하여 페이지 간의 링크를 생성할 수 있습니다. href 속성에는 이동할 페이지의 경로를 설정해야 합니다. pathname 속성은 페이지의 경로를 나타내며, query 속성은 URL의 쿼리 파라미터를 설정합니다.

import Link from 'next/link';

const friends = [
  { id: 'suno', name: 'Super Normal' },
  { id: 'mark', name: 'Mark Morison' },
];

<ul>
  {friends.map((friend) => (
    <li key={friend.id}>
      <Link
        href={{
          pathname: '/friends/[id]',
          query: { id: friend.id, name: friend.name },
        }}
      >
        {friend.name}
      </Link>
    </li>
  ))}
</ul>

위의 예시에서 '/friends'은 이동할 페이지의 경로를 나타낸다. query 속성에는 객체 형태로 쿼리 파라미터를 설정할 수 있습니다. 예를 들어, id와 name이라는 쿼리 파라미터를 설정했습니다.
이렇게 Link 컴포넌트를 사용하여 페이지 간의 링크를 생성하면, 클릭 시 해당 페이지로 전환됩니다. 전환된 페이지에서는 query 파라미터를 사용하여 필요한 데이터를 가져올 수 있습니다.
이렇게 Next.js에서 Link와 href를 사용하여 pathname과 query를 설정하여 페이지 간의 내부 링크를 생성할 수 있습니다. 이를 통해 페이지 간의 전환과 쿼리 파라미터 전달을 간편하게 처리할 수 있습니다.

6. route.push() 개발적인 방법으로 페이지 이동

useRouter 훅을 사용하여 동적 경로 및 쿼리 파라미터를 활용하여 페이지 이동을 처리하는 예시

import { useRouter } from 'next/router';

const FriendPostsPage = () => {
  const router = useRouter();

  const { id, name } = router.query;

  const clickPostHandler = (postId: string) => {
    router.push({
      pathname: '/friends/[id]/[postId]',
      query: { id: id, postId: postId },
    });
  };

  return (
    <div>
      The Posts of a selected friend
      <p>{name}'s page</p>
      <button onClick={() => clickPostHandler('post1')}>Post A</button>
    </div>
  );
};

export default FriendPostsPage;

router.push를 사용하여 새로운 페이지로 이동합니다. 이때 pathname은 동적 경로를 나타내고, query는 쿼리 파라미터를 설정합니다. id와 postId는 이전에 가져온 id 값과 파라미터로 전달된 postId 값을 사용합니다.

1년에 10억 버는 방구석 비즈니스 책 리뷰

슈노 — Sat, 17 Jun 2023 02:13:23 +0900

1년에 10억 버는 방구석 비즈니스 책 표지

1. 1년에 10억 버는 방구석 비즈니스를 읽고

이 책은 말 그대로 방구석에서 성공적인 비즈니스를 시작하고 1년 안에 10억을 벌기 위한 방법을 다루고 있습니다.

먼저, 이 책은 제목부터 흥미를 끄는데, 방구석에서 10억을 번다는 이야기가 실현 불가능해 보이지만 저자의 실제 경험과 사례를 바탕으로 구체적으로 설명되어 있습니다. 저도 7-8년 전, 웹 서비스로 직접 창업한 경험이 있는데 지금 알고 있던 걸 그때도 알고 이 책을 읽어서 실제 적용했다면 더 커다란 경험치를 얻을 수 있지 않았을까 하는 생각이 들었습니다.

물론, 사람이라는 동물은 뭐든 직접 부딪히고 실패를 경험해 봐야 깨닫기에 실제 눈앞에 기회가 오가는 상황에서도 알아보지 못하고 지나치는 경우들이 많죠.

그래서 빠른 실패가 중요하다고 수많은 사업가 선배들이 입을 모아 말하나 봅니다. 저도 수년 전 시도했던 스타트업에 실패했고, 그때보다는 지혜와 지식들을 업그레이드해서 다시 시작을 도모하고 있습니다. 시대적 상황이라는 것이 그때도 그랬지만 지금은 더욱 무일푼으로 시작할 수 있는 최적의 상황이고, 실패한다 해도 인생이 망하는 환경이 아니기에 앞으로는 의도적으로 실패해보려고 합니다.

하지만 인간에게 시간은 유한하기에 이왕 하는 실패라면 의미 있게, 효과적으로 실패하는 것이 가장 중요한 핵심이라고 말할 수 있습니다. 그 의미 있는 실패를 위한 가장 최적의 루틴이 바로 이 책에 나와있습니다.

2. 성공하기 위한 최적의 실패 루틴

저자는 비즈니스를 시작하는 사람들을 위해 실질적인 조언과 전략을 제시합니다. 예를 들어, 아이디어 발굴, 마케팅 전략, 고객 확보, 자금 조달 등 다양한 주제를 다루면서 독자들이 비즈니스를 성공적으로 운영하기 위해 필요한 지식과 노하우를 제공합니다.

또한, 이 책은 실패와 극복하는 과정을 다루고 있고 무엇보다, 엘리트 코스를 밟은 MBA박사가 쓴 이해하기 힘든 비즈니스 이론이 아니라 저자와 저자가 직접 경험한 사업가들의 실제 사업 사례를 바탕으로 한 매우 현실적이고 실행 가능한 전략들이 소개되어 있습니다.

방구석에서 시작하여 10억을 벌기까지의 과정에서 겪은 어려움과 성취감을 솔직하게 전달하면서, 독자들은 자신의 꿈을 향해 단단한 동기부여를 받을 수 있습니다. 저 또한 이 책을 읽고 다시 시작할 수 있는 에너지를 얻었습니다.

아래는 책에서 소개하는 사업 루틴입니다.

마인드셋 : 사업가의 마음 가짐에 대한 이야기이고, "죽도록 일해야 한다"와 같은 고리타분한 압박적인 내용이 아니라 신선했습니다.
고객 정하기 : 일반적으로는 고객을 정하는 것에서부터 잘 못 시작하는 경우가 많은데, 이를 바로 잡아줍니다.
첫 상품으로 비즈니스 흐름 만들기 : 브랜드와 상품의 연관성에서 바라보는 흐름입니다.
사업 초기 자금 마련하는 현실적인 방법 : 커다란 빚을 져서 인생 망하는 방법을 회피할 수 있는 많은 방법들을 알려줍니다.
제품 출시 전부터 고객을 끌어들이는 법
당신의 첫 고객에게 올인하라
하루 25개 판매 달성하기
10억 비즈니스로 도약하기
고객과 장기적인 관계 형성하기 : 브랜드의 힘
엑시트 하기

3. 저자에 관하여, 라이언 대니얼 모런(Lion Daniel Morin)

책의 앞부분에는 저자의 어릴 적 이야기도 나옵니다. 그다지 부유하지 않은 평범한 가정에서 태어났지만, 어릴 때부터 무언가를 파는 것에 관심이 많았던 것으로 보아 사업가 기질이 타고난 것 같습니다. 저자가 12살에 교사였던 아버지에게 10억을 벌려면 어떻게 해야 하냐고 물었을 때, 25년 동안 한 푼도 쓰지 않아야 한다는 대답을 듣고 충격을 받아 그때부터 돈 버는 방법에 대해 진지하게 생각했다고 합니다. 학창 시절에 가까웠던 친구로부터 감정적인 배신을 크게 당한 뒤로 혼자 학교 컴퓨터실에 박혀 지내며 온라인 판매에 대한 기술을 습득했고 자연스럽게 돈을 버는 방법을 체득해 성인이 된 뒤로 갑작스럽게 딸아이를 갖게 되는 바람에 본격적으로 사업에 뛰어들었다고 합니다.

여러 가지 사업을 일으키고 매각해서 지금은 경제적 자유를 이룬 저자는 현재 온라인 교육 서비스 및 창업자 커뮤니티인 캐피털리즘닷컴으로 왕성한 활동을 하고 있는 것 같습니다. '타이탄의 도구들'의 저자 팀 페리스를 캐피털리즘닷컴 강연에 초대하기 위해 전용기를 보낼 정도라고 하니, 저도 하루빨리 10억 벌기 루틴을 탑재해야겠습니다.

저자의 배경은 그저 평범한 수준으로 어떤 부분에서는 저와 비슷한 환경이지 않았을까 생각이 듭니다. 그저 그런 평범해 보이는 사람이 성공한 방법이라고 하면, 저도 여러분도 따라 할 수 있지 않을까 싶습니다. 저의 블로그 필명이 슈노인데 제 책장에 꽂혀있는 디자인 서적 '슈퍼노멀'이라는 책 제목에서 따온 줄임말입니다. 평범한 모습으로 위대한 가치를 품어내는 디자인들에 대한 이야기입니다. 우리 주변에도 그렇게 평범하지만 훌륭하게 자기만의 부를 이뤄내고 있는 사람들이 많이 있습니다. 저도 이 포스팅을 쓰며, 대단히 무심하게 출사표를 던져 봅니다.

이렇듯 이 책은 개인적인 비즈니스 성공을 꿈꾸는 사람들에게 큰 영감과 도움을 주는 책입니다. 그저 지금 있는 그 자리에서, 가지고 있는 최소한의 자원으로 성공적인 비즈니스를 이룰 수 있는 가능성을 믿게 되며, 성공을 실현하기 위한 첫걸음을 내딛을 수 있을 것입니다.