글

20편. 다음 목표, NOPLAN 진짜 서비스로

이미지
다음 목표, NOPLAN 진짜 서비스로 여기까지가 코딩 모르던 디자이너가 AI로 앱을 만든 이야기예요. NOPLAN은 이제 시작일 뿐입니다. 앞으로 어디로 갈지, 그 계획을 이야기하면서 이 시리즈를 마무리하려고 해요. 골프는 시작일 뿐이었다 NOPLAN은 골프 여행으로 시작했어요. 제가 제일 좋아하는 거니까요. 근데 처음부터 골프만을 위한 앱은 아니었어요. 여행에는 골프도 있고, 관광도 있고, 맛집 탐방도 있잖아요. 골프는 그중 첫 번째 시작점이었을 뿐이에요. 동선이 제일 까다로운 골프에서 통하면, 다른 여행은 더 쉬울 거라고 봤거든요. 앞으로는 골프 너머로 넓혀갈 계획이에요. 어떤 여행이든 NOPLAN을 켜고 그냥 떠날 수 있게요. 진짜 쓸 수 있는 서비스로 지금 NOPLAN은 데모에 가까워요. 후쿠오카로 고정돼 있고, 추천 정보도 제가 넣은 범위 안에 있어요. 목표는 이걸 진짜 서비스로 키우는 거예요. 여행지를 자유롭게 고르고, 더 다양한 정보가 들어가고, 실제 예약까지 이어지는 것. 갈 길이 멀지만, 여기까지 온 것처럼 하나씩 만들어가려고 해요. 코딩을 못 한다는 건 이제 핑계가 안 돼요. AI랑 같이 하면 되니까요. 이 블로그를 이어가는 이유 이 블로그는 NOPLAN을 만드는 과정을 적는 곳이에요. 앞으로도 계속 적을 거예요. 새 기능을 만들면서 막힌 이야기, AI랑 씨름한 이야기, 사람들 반응을 듣고 고친 이야기. 잘된 것만이 아니라 헤맨 것까지 다 적을게요. 저처럼 "나도 만들어보고 싶은데" 하는 사람한테, "어 나도 할 수 있겠다"는 용기가 되면 좋겠어요. 계획 없이 사는 사람이, 계획 없이 시작한 앱 만들기. 그 여정은 계속됩니다. 여기까지 오는 데 걸린 시간 첫 프롬프트를 쳤던 날부터 지금까지, 돌아보면 짧지 않은 시간이었습니다. 에러도 여러 번 만났고, 하루치 작업을 통째로 날린 날도 있었고, 이름 하나 짓는 데도 한참 걸렸어요. 그래도 결국 여기까지 왔습니다. 앞으로는 후...
자세한 내용 보기

19편. AI로 앱 만들며 알게 된 것 5가지

이미지
AI로 앱 만들며 알게 된 것 5가지 코딩 한 줄 못 하던 제가 AI로 앱을 만들었어요. 완벽하진 않지만, 진짜 작동하는 앱을요. 그 과정에서 배운 것들을 정리해봤습니다. 저처럼 시작하려는 분들한테 도움이 됐으면 해요. 1. AI는 직원이 아니라 동료다 처음엔 AI한테 "이거 해, 저거 해" 일방적으로 시켰어요. 근데 그렇게 하면 결과가 별로예요. AI는 시키는 대로 하는 도구가 아니라, 같이 만들어가는 동료에 가까웠어요. 제 의도를 전하고, AI가 방법을 제안하고, 같이 다듬는 거죠. 일방적인 지시보다 주고받는 소통이 훨씬 좋은 결과를 만들었어요. 2. 못 만드는 게 아니라 설명을 못 하는 거다 "이건 어려워서 못 만들겠지"라고 지레 포기한 게 많았어요. 근데 막상 AI한테 물어보면 되는 경우가 대부분이었어요. 문제는 "만들 수 있냐"가 아니라 "내가 원하는 걸 정확히 설명할 수 있냐"였어요. 머릿속 그림이 또렷할수록 결과가 좋았고, 막연하면 막연한 게 나왔어요. 결국 실력은 코딩이 아니라 설명하는 능력이었어요. 3. 천천히 가는 게 빠르다 급하게 한꺼번에 시키면 꼭 사고가 났어요. 그리고 그 사고 수습에 며칠이 날아갔죠. 한 번에 하나씩, 확인하면서 가는 게 답답해 보여도 제일 빨랐어요. 특히 코드를 못 고치는 비개발자한테는 "안 망가뜨리는 것"이 최고의 전략이에요. 4. 보는 눈이 코딩 실력보다 중요하다 저는 코드를 못 읽어요. 대신 "이게 좋은지 나쁜지, 편한지 불편한지"는 봐요. AI가 만든 걸 보고 어디가 어색한지 잡아내는 것. 이게 코딩 실력보다 중요했어요. 그리고 이 눈은 디자이너가 아니어도, 평소 불편함을 느낄 줄 아는 사람이면 누구나 있어요. 5. 공개해야 진짜 완성이다 내 컴퓨터 안에 있는 건 반쪽짜리예요. 사람들한테 보여주고, 반응을 듣고, 고쳐가야 진짜 완성됩니다. 무서워도 내놓으세요. 만드는 건 절...
자세한 내용 보기

18편. 사람들에게 보여준 첫 반응

이미지
사람들에게 보여준 첫 반응 앱을 다 만들고 나니 떨렸어요. 이걸 사람들이 어떻게 볼까. 혼자 만들 땐 몰랐는데, 막상 보여주려니 두려웠습니다. "별로면 어쩌지?" 하는 마음이요. 공개가 제일 무서웠다 사실 만드는 것보다 보여주는 게 더 무서웠어요. 내 컴퓨터 안에 있을 땐 누가 뭐라 할 사람이 없잖아요. 근데 세상에 내놓는 순간 평가를 받게 되니까요. "이게 뭐야", "별로다" 같은 말을 들을까 봐 겁났어요. 근데 안 보여주면 아무 의미가 없잖아요. 쓰라고 만든 앱인데. 그래서 용기를 내서 SNS에 올렸어요. 만든 과정이랑 앱 화면을 같이요. 솔직하게 보여줬다 저는 "완벽한 앱"인 척 안 했어요. 오히려 솔직하게 갔습니다. "극P라서 여행 계획 짜기 싫어서 그냥 만들어버렸어요"라고요. 코딩도 모르는데 AI랑 만들었다는 것도 그대로 밝혔어요. 잘난 척이 아니라, 나 같은 사람도 만들었다는 이야기로요. 신기하게도 이 솔직함에 사람들이 반응했어요. "오 나도 극P인데", "이런 거 필요했어", "코딩 모르는데 어떻게 만들었어요?" 같은 댓글이 달렸어요. 완벽해서가 아니라 공감돼서 반응한 거예요. 반응에서 배운 것 사람들 반응을 보면서 많이 배웠어요. 내가 당연하다고 생각한 기능을 신기해하기도 하고, 내가 신경 못 쓴 부분을 불편해하기도 했어요. 혼자 만들 때는 안 보이던 것들이 남의 눈을 통해 보였습니다. 그리고 깨달았어요. 앱은 공개하고 나서가 진짜 시작이구나. 만드는 건 절반이고, 사람들 반응을 듣고 고쳐가는 게 나머지 절반이라는 걸요. 무서워도 보여주길 잘했습니다. 올리기 직전까지 망설였던 이유 스레드에 올리기 버튼을 누르기까지 한참 망설였습니다. "코딩도 모르면서 뭘 만들었다고 자랑하냐"는 말을 들을까 봐서요. 제가 만든 게 완벽하지 않다는 것도 스스로 잘 알고 있었고...
자세한 내용 보기

17편. 모바일에서도 되게 만들기

이미지
모바일에서도 되게 만들기 앱을 인터넷에 올리고 나서 폰으로 열어봤어요. 그런데 화면이 영 어색했습니다. 컴퓨터에서는 멀쩡했는데, 폰에서는 글자가 삐져나오고 버튼이 너무 작고. 사람들은 대부분 폰으로 볼 텐데 이러면 안 되잖아요. 사람들은 폰으로 본다 생각해보면 당연한 거였어요. 요즘은 여행 정보를 컴퓨터 앞에 앉아서 보는 것보다 대부분 침대에 누워서, 출퇴근길에, 폰으로 보겠죠. 근데 저는 만들 때 컴퓨터 화면만 보고 만들었어요. 그러니 컴퓨터에선 완벽한데 폰에선 엉망이었던 거죠. 큰 화면에 맞춘 걸 작은 화면에 욱여넣으니 깨질 수밖에요. 이걸 두 화면 다 잘 보이게 만드는 걸 "반응형"이라고 하더라고요. 화면 크기에 따라 알아서 모양이 바뀌는 거요. 폰 기준으로 다시 봤다 그래서 작업 방식을 바꿨어요. 폰 화면을 기준으로 확인하기 시작했습니다. AI한테 "폰에서 글자가 화면 밖으로 나가", "버튼이 너무 작아서 누르기 힘들어"처럼 폰에서의 문제를 구체적으로 말했어요. 그러면 폰 화면에 맞게 고쳐줬습니다. 이때도 직접 확인이 중요했어요. 고쳤다고 하면 진짜 폰으로 열어봤어요. 글자가 잘 들어가는지, 버튼이 누를 만한지, 스크롤이 자연스러운지. 사용자가 진짜 쓸 환경에서 봐야 진짜 문제가 보이거든요. 디자이너라서 예민했던 부분 여기서도 보는 눈이 도움이 됐어요. 폰에서 살짝 어색한 것들이 눈에 띄었거든요. 글자가 너무 빽빽하다, 버튼 사이가 좁아서 잘못 누르겠다, 위아래 여백이 답답하다. 기능은 되는데 "쓰기 불편한" 부분들이요. 이런 걸 하나하나 다듬었어요. 작은 화면일수록 이런 디테일이 더 중요해요. 공간이 좁으니까 조금만 빽빽해도 답답하게 느껴지거든요. 덜어내고, 띄우고, 키우고. 폰에서 편하게 보이도록 계속 손봤습니다. 컴퓨터에선 예뻤는데 폰에선 다 깨졌다 컴퓨터 화면에서 확인할 땐 완벽해 보였습니다. 그런데 폰으로 열어보니 버튼은 화면 밖으로 삐져나가...
자세한 내용 보기

16편. 앱을 인터넷에 올렸다, 배포

이미지
앱을 인터넷에 올렸다, 배포 지금까지 만든 앱은 제 컴퓨터 안에만 있었어요. 저만 볼 수 있었죠. 이걸 다른 사람도 쓰게 하려면 인터넷에 올려야 합니다. 이걸 "배포"라고 부르더라고요. 비개발자한테는 이것도 큰 산이었어요. 만드는 거랑 올리는 건 다른 일 앱을 만드는 것까지는 어떻게 했어요. 근데 그걸 인터넷에 올리는 건 또 다른 얘기였습니다. 제 컴퓨터에서는 잘 되는데, 이걸 어떻게 해야 다른 사람 폰에서도 열리지? 주소는 어떻게 만들지? 서버라는 게 필요하다던데 그게 뭐지? 모르는 것투성이였어요. 여기서도 방법은 똑같았어요. AI한테 물어봤습니다. "내가 만든 앱을 인터넷에 올려서 다른 사람도 쓰게 하고 싶어. 어떻게 해?" 무료로 올리는 방법이 있었다 AI가 알려준 건, 무료로 앱을 올릴 수 있는 서비스들이 있다는 거였어요. 복잡한 서버를 직접 마련할 필요 없이, 이런 서비스에 제 앱을 연결하면 인터넷 주소가 생기고 누구나 접속할 수 있게 돼요. 돈도 안 들고요. 비개발자한테는 이게 정말 다행이었습니다. 물론 연결하는 과정에서 또 에러가 났어요. 설정이 안 맞거나, 뭔가 빠졌거나. 그때마다 AI한테 증상을 말하고 하나씩 고쳤습니다. 이제는 이 과정이 익숙했어요. 에러는 과정이니까요. 내 앱에 주소가 생긴 순간 드디어 앱이 인터넷에 올라갔어요. 주소가 생겼습니다. 그 주소를 폰에 입력하니까 제 앱이 떴어요. 제 컴퓨터가 아니라 인터넷에 있는 앱이요. 이걸 다른 사람한테 보내면 그 사람도 똑같이 볼 수 있는 거예요. 신기하고 뿌듯했습니다. 코딩도 모르던 사람이 만든 앱이, 이제 세상 누구나 접속할 수 있는 진짜 앱이 된 거예요. 배포가 이렇게 간단할 줄 몰랐다 배포라는 말이 주는 무게감 때문에 시작 전엔 살짝 긴장했습니다. 서버니 도메인이니, 어려운 용어들이 잔뜩 있을 것 같았거든요. 실제로는 생각보다 간단했습니다. 코드를 깃허브에 올리고, 무료 호스팅 서비스에 연결하고, 도메인만 하나 사...
자세한 내용 보기

15편. 로고를 직접 만든 이야기

이미지
로고를 직접 만든 이야기 NOPLAN이라는 이름을 정하고, 로고를 만들었어요. 이 부분은 솔직히 제가 제일 자신 있는 영역이었습니다. 디자이너니까요. 이름만으론 부족하다 이름을 NOPLAN으로 정했지만, 글자만 덜렁 있으면 밋밋하잖아요. 이 이름에 담긴 뜻을 한눈에 보여주고 싶었어요. 핵심 메시지는 "계획은 필요 없다"였어요. 그럼 이걸 어떻게 시각적으로 보여줄까. 고민하다가 답이 나왔습니다. PLAN이라는 글자를 지워버리면 되잖아요. 취소선 하나로 메시지를 담다 NOPLAN에서 뒤쪽 PLAN 위에 취소선을 그었어요. 색은 포인트 컬러인 주황색으로요. 이 취소선 하나가 많은 걸 말해줍니다. "계획(PLAN)? 그딴 거 필요 없어." 글자를 읽기도 전에 취소선만 봐도 느낌이 와요. 계획을 지운다는 이 앱의 정체성이 로고에 그대로 담긴 거죠. 복잡한 그림도, 화려한 효과도 없어요. 그냥 글자랑 선 하나. 근데 이게 제일 강력해요. 디자인에서 가장 어려운 건 더하는 게 아니라 덜어내는 거거든요. AI랑 디자인도 같이했다 로고 콘셉트는 제가 잡았지만, 실제로 화면에 구현하는 건 AI랑 같이했어요. "NOPLAN이라고 쓰고, PLAN 부분 위에 주황색 취소선을 그어줘. 폰트는 두껍고 단단한 느낌으로." 이렇게 전했어요. 몇 번 다듬으니 원하던 로고가 화면에 나타났습니다. 콘셉트는 사람이, 구현은 AI가. 여기서도 그 분업이 통했어요. 제가 "무엇을, 왜"를 정하고 AI가 "어떻게"를 맡는 거죠. 디자이너인데 왜 로고 만드는 데 오래 걸렸을까 의외였습니다. 디자인 일을 오래 했는데도 제 브랜드 로고는 유독 오래 걸렸어요. 남의 브랜드를 만들 땐 객관적으로 보이던 게, 제 것이 되니까 계속 아쉬운 부분만 눈에 들어오더라고요. 결국 제일 단순한 방법으로 돌아갔습니다. NOPLAN이라는 글자 자체에 PLAN 부분만 주황색 취소선을 긋는 것. 폰트는 굵고 각...
자세한 내용 보기

14편. 드디어 이름을 지었다

이미지
드디어 이름을 지었다 여기까지 앱을 만들면서, 정작 이름이 없었습니다. 계속 "이 앱", "그 앱"이라고만 불렀어요. 근데 이제 이름을 지어줄 때가 됐습니다. 그리고 그 이름은, 제 이야기에서 자연스럽게 나왔어요. 이름은 본질에서 나와야 한다 디자이너로 일하면서 배운 게 있어요. 좋은 이름은 억지로 짜내는 게 아니라, 그게 뭔지에서 자연스럽게 나온다는 거예요. 그래서 처음으로 돌아가 생각했어요. 나는 이 앱을 왜 만들었지? 저는 계획을 안 짜는 사람이에요. 극P죠. 비행기 표랑 호텔만 잡고 떠나는, 계획이라곤 없는 사람. 그런 사람도 편하게 여행할 수 있게 만든 앱이 이거였어요. 계획을 대신 짜주는 앱. 계획이 없다 = NO PLAN 그 순간 단어 하나가 떠올랐어요. 계획이 없다. No Plan. 저처럼 계획 없는 사람을 위한 앱이니까, 계획이 없어도(NO) 떠날 수 있다는 뜻으로 NOPLAN. 딱 맞았어요. 제 이야기 그 자체였거든요. 이름을 억지로 멋지게 지으려고 안 했어요. 그냥 제가 어떤 사람이고 왜 이걸 만들었는지를 솔직하게 담으니, 이름이 저절로 나왔어요. NOPLAN. 계획 없는 사람들의 여행. 로고에 담은 메시지 이름을 정하고 로고를 만들었어요. 여기에 디자이너 본능이 발동했죠. NOPLAN이라는 글자에서 PLAN 위에 주황색 취소선을 그었어요. "계획(PLAN)은 지워버려"라는 뜻이에요. 계획 없이 떠나도 된다는 메시지를 한눈에 보이게요. 슬로건도 정했어요. "계획은 우리가 할게요. 당신은 떠나기만." 계획 짜기 싫어하는 사람한테 이만큼 솔깃한 말이 있을까요. 제가 듣고 싶었던 말이기도 하고요. 이름 짓기까지 걸린 시간 사실 이름을 정하는 데 가장 오래 걸렸습니다. 후보만 열 개 넘게 나왔어요. 흔한 이름들이었죠. 다 무난했지만 딱히 끌리지 않았습니다. 그러다 제 성향을 그대로 이름에 담아보자는 생각이 들었어요. 저는 계획 세우는 걸 극도로...
자세한 내용 보기