호퍼 더 코더

영수증 자판기 [랜덤페이퍼] 개발기 - 작은 컨텐츠 메이커

2026-04-22T16:45:37Z

영화, 음악 감상실 왓슨(https://brunch.co.kr/@hopperthecoder/38)을 운영하고 있는 나는 방문하는 이용자분들께 좀 더 다양한 컨텐츠를 제공하면 좋겠다는 생각에 개인적으로 구입해서 즐기고 있던 보드게임도 비치하고, 이용하시다가 놓고가신(?) 보드게임도 선반에 정리해놓고, 방명록도 다꾸느낌으로 즐기실 수 있도록 배치해놓고, 잠깐

러닝 팝업 [메저러블] 개발기 - 개발자가 러닝을 잘하고 싶으면 생기는 일

2026-02-27T15:57:25Z

러닝 팝업 만들기 Part 1: 러닝을 분석해보기로 하다. 매년 빠지지 않는 행사 “운동 결심하기” 그렇게 달리다보면 무릎통증, 등쪽의 뻐근한 느낌, 발목의 시큰한 느낌이 들고 자연스럽게 일상으로 복귀한다. 그러길 10년째. 문득 이 고리를 끊어야겠다는 생각이 들었다. 나는 왜 뛰면 아플까? 내 자세가 뭔가 잘못된건가? 분석해보기로 했다. 시중에 있는 러닝

토스에 내 앱을 출시하다 - 앱인토스 미니앱 출시기

2026-02-11T07:10:53Z

어디에선가 토스에 미니앱이라는게 있다는 걸 봤다. 거의 매일 들어가는 앱이지만 미니앱이라는 항목은 본적이 없었다. 아니 봤지만 그냥 지나갔나? 아무튼 미니앱이라는게 있고, 그 안에서 결제도 할 수 있고 광고도 보여줄 수 있다고 한다. 작은 앱스토어라고 해야할까? 근데 당연히 안드로이드 iOS를 모두 지원하는 크로스 플랫폼이고 개발과정과 배포과정도 꽤나 단순

루미큐브와 사천성의 만남 - 모바일 퍼즐게임 '루미캐슬' 개발기

2025-02-27T11:27:20Z

나는 퍼즐게임을 좋아한다. 특히 트럼프카드로 간단하게 할 수 있는 게임을 좋아하는데, '훌라'라는 게임을 즐겨한다. 친구들과 어디 놀러갔을 때 꼭 하게된다. 룰도 간단하고 그 안에 전략들이 무궁무진하기 때문에 짧은 온보딩 과정과 전략싸움이 주는 재미가 있다. 훌라는 트럼프 카드로 이뤄지는 루미큐브 같은 게임인데, 매칭하는 룰은 같다. 같은 색깔(모양)의 이

추억의 스타 유즈맵을 모바일 게임으로 만들다 - 멀티 협동 포커디펜스 "다이노 하우스" 게임 개발기

2025-02-25T23:43:41Z

나는 90년대생으로 어렸을 때 스타크래프트를 즐겨했다. 피지컬 이슈로 일반적인 게임보다는 유저 창작맵인 유즈맵을 즐겨했다. 많은 유즈맵을 즐겨했는데, 기억나는 것 중 하나는 포커 디펜스였다. 다른 디펜스 게임과 비슷하게 나의 유닛이 있고 스테이지를 거듭할 수록 처리해야할 적이 강해지는 형식이다. 높은 스테이지까지 올라가 결국 클리어하는 것이 목표다. 나의

서버리스 AI 서비스 풀스택 강의 제작기 - 강의 제작은 개발 시간보다 10배 이상 시간이 많이 든다는 것을 몰랐다.

2025-01-22T11:48:18Z

이전에 만들었던 AI 반려동물 그림 서비스 레이몽에 관해서 개발하고 작성한 글이 있다. https://brunch.co.kr/@entaline/40 서버리스로 제작되어 아무도 사용하지 않으면 유지비용이 없고 수년째 적은 유지보수로 서비스하고 있다. 이 글은 위 레이몽 서비스를 어떻게 개발하는지 알려주는 강의를 만들게 된 제작기이다. 왜 서버리스인가? 나는

로봇 시뮬레이션 강화학습 Isaac Gym 짧은 사용기 - 로봇계의 Chat GPT 모먼트

2024-06-05T10:36:27Z

로봇 제어는 어렵다. 그리고 복잡하다. 단순히 모터 1개만 정회전, 역회전, 정지만 하는 작업이라 하더라도 어렵다. 젓가락을 손바닥 위에 올리고 앞 뒤로만 움직여서 중심을 잡으라고 하면 사람도 하기 어렵다. 그 어려운 것을 모터로 하려니 간단한 작업은 아니다. 막대기 중심 잡기는 그냥 던진 예시 같아 보이지만 사실 Cart Pole이라고 하는 매우 유명한

사진으로 3D 모델 만들기 2(feat. AI) - 포토그래매트리부터 최신기술 3D Gaussian Splatting까지.

2024-03-27T15:03:16Z

예전에 작성한 적이 있던 사진만으로 3D 모델 만들기에 이어 새로운 기술이 등장했기에 어느 정도 성능향상이 있었는지 살펴보기로 했다. 당시에 최신기술은 NeRF(Neural Radiance Fields)로 사진으로 3D 씬을 구성하는데 패러다임을 바꾸는 기술이었다. 사진으로 3D를 만드는 전통적인 방식은 포토그래매트리다. 그 방법은 다음과 같다. 1. 사진

효율적인 오프라인 TTS(Text-to-Speech) - 온디바이스로 텍스트를 음성 소리 데이터로 변환해보자. 효율적으로.

2024-03-27T13:27:14Z

TTS는 텍스트를 입력하면 음성 데이터로 반환해주는 기술이다. 아주 다양한 영역에서 활발하게 쓰이고 있다. 현재 TTS의 기술은 추억을 회상시켜주기도 하고, 좋은 현상인지는 모르겠지만 숏폼에서도 장악하다시피 쓰이고 있다. 해외에서 서비스 중인 디스크립트는 녹화 혹은 녹음한 음성을 기반으로 텍스트를 추출하고 텍스트를 수정하면 알아서 그 음성을 기반으로 자연스

AI로 반려동물 그림 그려주는 서비스 개발기 - 이제는 AI, GPU도 서버리스로

2023-10-21T14:25:46Z

처음에는 반려동물 사진을 넣으면 캔버스 액자에 인쇄 수 있는 퀄리티의 그림으로 바꿔주는 서비스를 기획하고 개발했다. 반려동물의 사진을 각 잡고 스튜디오에서 찍는다면 아주 좋은 퀄리티를 인쇄 가능한 수준으로 찍을 수 있지만, 내 기준 아주 비싸다. 대부분의 사람들은 스마트폰으로 사진을 찍을 테지만 스마트폰에서 찍은 사진은 아무리 퀄리티가 좋아졌다고 하더라도

사진만으로 3D 모델 만들기(feat. AI) - 포토그래메트리부터 AI기반 모델링까지

2023-03-23T04:37:52Z

AI가 많은 분야에 혁신을 불러일으키고 있다. 쉽게 볼 수 있는 예제는 이미지 분야다. 이미지를 고화질로 만드는가 하면 사진에 특정 부분을 없애기도 하고 다시 그리기도 한다. 심지어는 글만 입력하면 원하는 스타일로 아예 생성을 해준다. 번역도 AI의 등장 전후로 나뉘고, 글쓰기 분야에서도 AI가 핫하다. AI가 어떤 분야에 등장했다고만 하면 기존에 있던 챔

REMOVIO - AI 기반 마스킹(누끼) 앱 개발기 - 이젠 쓸모가 없어져버린 나의 앱

2022-12-02T20:35:34Z

나는 머신러닝을 좋아한다. 내가 적용할 수 있는 부분에 웬만하면 적용을 시도하고 높은 확률로 좋은 결과를 얻었다. 내가 이미지를 마스킹할 때 아이패드로 작업 중이라면 어피니티 포토로 마스킹을 했고 데스크탑이 있다면 포토샵으로 했다. 마스킹을 할 때마다 손떨림에 주의하며 집중해서 했다. 물론 머리카락처럼 세부적인 부분들은 포기했다. 바야흐로 2년 전 여느 때

듄(DUNE)을 다시 돌비 시네마에서 보고 싶었다. - 프라이빗 시네마 WATSEN 크로니클

2023-02-17T13:23:52Z

원래 듄의 팬은 아니었다. 듄이라는 영화가 나오기 전까지 듄이라는 소설의 존재는 알라딘 중고서점에서 지나가다가 얼핏 본 기억밖에 없었다. 그런데 왜인지 나만 모르는데 다들 기대하고 열광하는 것 같았다. 영화를 보는 것을 좋아하는 나는 장르 설명이나 예고편과 같은 영화와 관련된 정보를 보지 않고 보는 것을 지향한다. 듄도 그랬다. 그래도 SF계의 대작이라는

한다 -한국사 다이너마이트 앱 개발기(feat. AI) - 어디서나 쉽고 편하게 한국사능력검정시험 지식 체크!

2021-07-21T09:33:30Z

군생활 하면서 한국사능력검정시험을 본적이 있다. 주말에 잠깐 바깥공기를 마실 수 있다는 장점이 있어서 시작했던 한능검. 콧구멍에 세번이나 바람을 넣고서야 합격 점수에 턱을 걸었다. 저놈은 밖에 나갈라고 시험본다는 오해까지 받으며 응시했다. 이렇게 한능검과의 인연은 마무리가 되는 것 같았다. 몇 년 뒤 친동생이 한능검에 응시한다는 소식을 접했다. 똑똑한 동

Github Codespaces 잠깐 사용기 - 바야흐로 아이패드 코딩시대

2021-07-21T09:33:40Z

예전에 얼리엑세스를 신청했던 Codespaces 에 드디어 접근 권한이 생겼다는 메일이 도착했다. 잊고 지냈는데, 잠깐 사용해보기로 했다. Codespaces 는 마이크로소프트의 신규 서비스다. 자사의 서비스인 깃헙과 자사의 프로그램인 VSCode 를 결합하여 쉽게 언제 어디서든 코딩할 수 있는 환경을 구축해주는 서비스다. 쉽게 온라인 텍스트 에디터라고

Youtube 음악 리스트를 Vibe 플레이리스트로 - 바이브 관계자님들.. 이 글좀 봐주세요..

2021-07-22T01:31:07Z

오랜만에 사이드 프로젝트를 진행했다. 순전히 나의 필요로. 최근에 내돈내듣 으로 내가 음악을 듣는 돈의 분배가 어떻게 되는지 처음 알았다. 막연하게 내가 낸 돈은 내가 들은 음악가에게 가겠지 라고 생각했지만 그 비율이 매우 적겠다는 것을 알고 잘 이용하고 있던 기존의 서비스를 구독 해지하고 네이버의 Vibe로 갈아탔다. 하지만 내가 기존에 쓰던 음악 서

React Hooks와 서버리스 GraphQL - Feat. Serverless

2020-11-26T09:56:05Z

데이터베이스를 사용해야하는 프로젝트를 할 때는 항상 RESTful 방식을 이용했다. 그 방식에 익숙하기도 했고 편하기도 했다. GraphQL은 데이터베이스에 접근하는 하나의 방식이다. 다른 방법으로는 RESTful 방식이 있다. 돈을 사용하는 방법으로 체크카드와 현금이 있듯이 돈을 사용한다는 같은 목적을 갖지만 방법이 다른 것이다. 나는 그냥 현금을 사용하

동물의 숲 : 무 가격 계산기 개발기 - 24시간만에 3만명이 사용하는 앱 개발하기

2022-05-16T01:24:14Z

한가롭던 일요일 친구에게 카톡이 왔다. 새로나온 게임인 모여봐요 동물의 숲이 시리즈 역대 최고작이라는 평가로 많은 사람들이 플레이하고 있다는 것이다. 힐링게임이지만 한국인 특성이 반영되어 힐 미터기 경쟁이라도 하듯 하드코어하게 한다는 것이었다. 게임 내에서 부자가 되는 그 수단으로 '무'라는게 있고, 무가 주식처럼 매일 오전 오후 가격이 바뀌는데, 무를 사

AWS 서버리스 DB 사용기 - 결론을 부제로 짓자면 '빠른 개발용은 아니다'

2019-11-16T06:12:01Z

오늘의 글은 매우 마이너한 주제가 될 것 같다. 그 주제는 바로 아마존 웹서비스의 RDS, 즉 NoSQL 데이터베이스가 아닌 관계형 데이터베이스다. 그 중에서도 진짜 마이너한 서버리스 DB. 나는 항상 NoSQL을 써볼까 하다가도 도입하고 있는 중간에 다시 RDS로 옮긴다. GraphQL도 그랬다. 편한거 같고 좋긴한데, 이 기능을 어떻게 구현하지? 하는

서버리스로 웹서비스 제작 - 진짜 낮은 단가로 웹서비스 구현

2019-10-03T11:27:55Z

결론부터 말씀드리면 이 글에서는 컨텍스트 레이어 서비스를 개발한 개발기이다. 맞춤가구 서비스인데, 사이즈와 컬러를 선택할 수 있다. 컬러는 상판색, 옆 모서리 색을 선택할 수 있다. 개발 목표는 아마존웹서비스를 활용한 서버리스 서비스다. 이용한 AWS 서비스는 아래와 같다. REST API - AWS API 게이트웨이 백앤드 함수 - AWS 람다 회원 관