홍지성

왜 GPT의 의견이 불편할까요?

홍지성 — Thu, 19 Jun 2025 04:12:24 GMT

요즘은 AI시대인 만큼, 일을 하다보면 GPT에게 물어본 다음 그 자료를 조금 다듬어서 보내주시는 분들이 늘어나고 있다. 하지만, 이 의견은 나에게 매우 불편하다. 실무자들과의 소통을 통해서 이렇게 하자고 결정된 것이 아니라, 본인과 GPT와의 소통으로 무언가 판단을 내리고 그 결과를 나에게 전달한다. 내 의견은 어디로 간걸까 ... 내가 다니는 회

내 블로그에는 어떤 내용이 어울릴까? - #앱장수일지

홍지성 — Thu, 12 Jun 2025 14:22:26 GMT

이전에 마케팅 블로그를 운영하기 위해 워드프레스 환경을 설치했다. 하지만, 뭐부터 해야 할지 너무너무 막막했다. 그래서 내가 어떤 내용을 남들에게 보여주고 싶은지를 먼저 고민해 보았다. - 내 앱을 출시/신규기능을 홍보하고 싶다. - 내 앱을 사용하는 일상을 공유하고 싶다. 이런 내용이라면 커뮤니티 형태의 UI가 어울릴 것 같다는 생각이 들었다.

내가 만드는 앱의 "화면 전환 흔적"을 자동화 하기 - "화면 전환 흔적"

홍지성 — Wed, 11 Jun 2025 01:34:46 GMT

내가 만드는 앱에서는 화면을 전환할 때마다 자동으로 로그가 찍히도록 하는 함수를 제공하고 있다. 코드를 작성해보자. 파일경로: /src/ui/hooks/useNavigationLogger.ts // src/navigation/useNavigationLogger.ts import {useRef} from 'react'; import {NavigationCo

내 소중한 앱을 위해서는 마케팅도 필요하다

홍지성 — Mon, 09 Jun 2025 22:00:07 GMT

아무도 이용하지 않는 앱은 사라지기 마련이다. 그래서 내 앱을 잘 운영하기 위해서는 소소한 마케팅도 필요하다. 인터넷에서 조사를 해보니 워드프레스라는 도구가 그렇게 좋다고 한다. 구글 광고도 된다며 ... 테마도 바꿀 수 있다며 ... 뭔가 좋아보인다! 그래서 내 컴퓨터에서 워드프레스를 사용할 수 있도록 환경을 만들어 보았다. 뭔가 ... 프로그램

내가 만드는 앱의 "사용자 데이터"를 자동화하기 - "사용자 데이터"

홍지성 — Mon, 09 Jun 2025 00:00:22 GMT

내가 만드는 앱에서 사용하는 사용자 데이터는 공통되는 부분들이 몇가지 있다. 이 부분만 빼서 사용자 데이터를 미리 정의해 두려고 한다. 코드를 작성해 보자. 타입의 T와 사용자의 User를 더해서 TUser 라는 파일로 만들었다. 파일경로: /src/domain/model/TUser.ts import Entity from './Entity'; ex

왜 불만이 없으면 불안할까요? - 성장기록 / 왜?

홍지성 — Sun, 08 Jun 2025 23:00:19 GMT

스트레스를 받는 상황은 너무 싫다. 하지만 불만이 쌓이지 않는 날이 지속되면 불안하다. 요즘 회사에서 일을 할 때, 우선순위에 따라서 어떤 일을 하지 않을지를 결정하는 과정이 없어졌다. 회사 상황이 조금 어렵기 때문인 것 같다! 이러다보니 어차피 모든 일을 해야하기에 그저 열심히 일만 하고 있다. 그럼에도 나태한 기분이 드는 것이 신기하다. 아무

내가 만드는 앱의 "키보드 높이"를 자동화하기 - "키보드 높이"

홍지성 — Sat, 07 Jun 2025 22:00:10 GMT

내가 만드는 앱에서는 키보드 높이를 실시간으로 저장해두고 사용할 수 있도록 도와주는 모듈을 만들어두고 사용한다. 이 이유는, 키보드 높이에 따라서 키보드 위로 올라와야 하는 요소들이 필요한 경우가 빈번하기 때문이다. 함수의 이름은 useKeyboardHeight 이다. 작성해보자. 파일경로: /src/ui/hooks/useKeyboardHeight.ts

파일업로드가 너무 느리다 - #앱장수일지 03

홍지성 — Fri, 06 Jun 2025 23:00:16 GMT

이번에 만든 앱에서 내 일기를 기록하는 화면이 있는데, 파일 업로드가 너무 느리다. 열심히 GPT에게 물어보았다. 결과는... 사용자가 없을 때에는 서버가 꺼지는 무료 옵션을 사용하고 있기 때문이라고 한다. 그래서 일기를 연달아 두번 써봤더니, 두번째는 매우 빨랐다. 고객이 너무 없어도 느려질 수 있음을 깨달았다! 서버를 항상 켜두는 형태도 알아

내가 만드는 앱의 "공통 데이터"를 자동화하기 - "공통 데이터"

홍지성 — Thu, 05 Jun 2025 23:00:20 GMT

내가 만드는 앱에서는 공통으로 사용하는 데이터들을 저장해두고 사용할 수 있도록 도와주는 함수를 만들어두고 사용한다. 함수의 이름은 createStore 이다. 작성해보자. 파일경로: /src/data/stores/createStore.ts import {StateCreator, create} from 'zustand'; import {PersistStor

기록을 버리는 행위는 나를 앞으로 나아가게 해 준다 - #앱장수일지 02

홍지성 — Wed, 04 Jun 2025 21:00:06 GMT

지금까지 내가 기록한 것들을 보면, 반성을 하기 위한 기록들을 많이 해왔다. 하지만 날이 갈수록 반성이 산더미만큼 쌓이고, 이 반성들을 내 삶에 반영하기는 쉽지 않았다. 또한, 이러한 반성에 대한 기록들을 그대로 보관해 두니 심심할 때 기록을 둘러보는 나를 발견하게 되었다. 이 행동은 나에게 아무런 도움이 되지 않는 것 같다는 생각이 들었고, 나는 고민

내가 만드는 앱의 "데이터 모델"을 자동화하기 - "데이터 모델"

홍지성 — Tue, 03 Jun 2025 22:00:28 GMT

내가 만드는 앱에서 사용하는 모든 데이터 모델은 세개의 동일한 속성을 가진다. 아이디, 생성일, 수정일이다. 그래서 나는 Entity 라는 파일을 만들어두고 사용한다. 이번에는 이 파일을 템플릿에 추가해 보자. 파일경로: /src/domain/model/Entity.ts import {FirebaseFirestoreTypes} from '@react

앱이 삶을 바꾼다는 걸 믿고 싶어서 - #앱장수일지 01

홍지성 — Tue, 03 Jun 2025 04:02:46 GMT

나는 지금까지 내가 만든 앱들을 혼자 사용해 왔다. 지금까지 만든 앱은 여섯 개다. 하지만, 앞으로 만들 앱은 수백 개쯤 될 것 같다. 주변 사람들은 나에게 왜 그렇게 앱을 많이 만드는지를 궁금해할지도 모른다. 이러한 궁금증에 지금의 나는 "삶을 바꾸고 싶어서요."라고 말한다. 앱은 도구이자 기록이다. 누군가는 일기를 쓰고, 누군가는 사진을 찍고, 누군

왜 테스트가 불편할까요? - 성장기록 / 왜?

홍지성 — Sun, 01 Jun 2025 21:00:13 GMT

회사에서는 내가 열심히 제품을 만드는데 기여를 한다. 제품의 어떤 기능이 만들어지면 그 기능을 테스트한다. 그 기능은 잘 돌아간다. 하지만, 이게 끝이 아니다. 실제로 사용을 해 보아야 한다. 사용을 하다 보면 이것저것 정말 다양한 불편함이 나타난다. 하지만 나는 제품을 만드는 사람이기에 이게 쉽지 않다. 실제 사용 환경에서 테스트를 하기 위해서

내가 만드는 앱의 "사용자 흔적"을 자동화하기 - "사용자 흔적"

홍지성 — Sun, 01 Jun 2025 21:00:12 GMT

이번에는 "사용자의 흔적"을 남겨서 프로그램에서 어떤 어려움들이 있는지 알아볼 수 있는 "로그"라는 기능을 자동화하려고 한다. 나는 주로 무료로 많은 양을 제공해 주는 Mixpanel을 사용하기 때문에 이에 맞는 코드를 만들 예정이다. 파일경로: /src/shared/mixpanel/index.ts import {Mixpanel} from 'mixpan

폴더 구조를 지원하도록 수정하기 - "폴더 구조"

홍지성 — Sun, 01 Jun 2025 10:07:39 GMT

이전까지는 폴더 구조를 별도로 정의하지 않고 파일을 넣어두고 템플릿을 만드는 형식이었다. 그래서 템플릿을 생성하기 위한 코드에 폴더 구조를 그대로 반영하기 위한 코드를 추가했다. 템플릿을 생성하는 코드 import fs from 'fs'; import Handlebars from 'handlebars'; type FileInfo = { path: st

내가 만드는 앱의 "텍스트"를 자동화하기 - "텍스트"

홍지성 — Thu, 29 May 2025 23:00:25 GMT

앱을 만드는데 꼭 필요한 것 중 하나는 폰트를 적용할 수 있는 텍스트이다. 우선 텍스트 요소의 이름은 타이포그래피의 이름을 따서 타이포(Typo)라고 지었다. 코드를 작성해본다. 파일경로: /src/ui/elements/Typo.tsx import React, {forwardRef, useEffect, useRef, useState} from 'reac

다양한 확장자를 지원하도록 수정하기 - "확장자"

홍지성 — Wed, 28 May 2025 00:54:47 GMT

이전까지는 tsx 로 끝나는 파일만 만들었기 때문에, 다른 파일은 템플릿을 만들 수 없는 코드였다. 그래서 템플릿을 생성하기 위한 코드에 확장자 속성을 추가해서 조금 더 부드럽게 만들었다. 확장자 속성 - ext: string; 템플릿 생성하는 코드 import fs from 'fs'; import Handlebars from 'handlebars';

내가 만드는 앱의 "화면흐름"을 자동화하기 - "화면흐름"

홍지성 — Mon, 26 May 2025 14:50:33 GMT

앱을 만들다 보면 공통적인 두 가지의 흐름이 있다. 첫 번째, 앱을 설명하는 흐름 두 번째, 앱을 이용하는 흐름 이 두 개의 흐름을 자연스럽게 연결하기 위해서 명칭을 정해보았다. 앱을 설명하는 흐름 = 온보딩 앱을 이용하는 흐름 = 메인 이제 이 두 흐름 사이에 적용되는 규칙이 있다. 바로 로그인을 한 사람만 "메인"으로 넘어갈 수 있다는 것이다.

왜 크로스 플랫폼이 불편한가요? - 성장기록/왜?

홍지성 — Sun, 25 May 2025 23:00:23 GMT

나는 한 때 크로스 플랫폼이 좋다고 생각했었다. 무려 두가지 이상의 플랫폼을 호환해서 개발할 수 있기 때문이다. 그렇기 때문에 나는 항상 두배로 빠르게 일을 할 수 있구나! 라고 생각했던 것 같다. 하지만 요즘들어 하나 둘씩 문제가 발생하고 있다. 그 문제 중에서 대부분은 이렇다. "새로운 버전과 호환이 어렵습니다." 어떻게 보면 이 말은 당연하다.

코드를 만들어 주는 코드 - "템플릿"

홍지성 — Sun, 25 May 2025 06:19:32 GMT

세개의 코드를 생성하는 파일을 만들고 테스트를 하다 보니 ... 조금 더 효율적으로 템플릿을 만들어주는 전문적인 코드가 없을까? 라는 생각이 들었다. 이번에도 GPT에게 불어본다 ... 역시 바로 똑똑한 코드가 나왔다. import fs from 'fs'; import Handlebars from 'handlebars'; // 1. 템플릿 불러오기 c