HeoBrain AI · DEV · GROWTH

HEO BRAIN · DEV LAB

배운 것을 구조화하고,
실제로 작동하게 만듭니다.

AI, 코딩, 영어, 포트폴리오를 직접 공부하고 만들며 얻은 지식을 누구나 다시 써먹을 수 있게 정리합니다.

heobrain.workflow LIVE
01 collect(experience) 02 structure(knowledge) 03 ship(something useful)

TOPIC HUBS

무엇을 배우고 싶나요?

카테고리를 뒤지지 않아도 목표에 맞는 학습 경로와 글 모음으로 바로 이동합니다.

전체 글 보기

EMAIL NEWSLETTER

새 글을 이메일로 받아보세요

하루 동안 올라온 HeoBrain의 새 글을 매일 오후 8시에 한 통으로 보내드립니다.

인증 이메일의 링크를 눌러야 구독이 완료되며, 언제든 해지할 수 있습니다.

HEOBRAIN ARCHIVE

Development/Web_Development

12개의 기록
Development/Web_Development

에이수스(ASUS) 노트북 AS 후기...!(3~4일 간의 여정)

최근 ASUS 젠북 듀오(모델명: UX8406MA-QL149W) 노트북에 큰 문제가 발생했다. 취준을 하기 위해 AI 서비스를 한창 Claude를 통해 열심히 만들고 있었는데 중요한 시기에 갑자기 7월 25일 토요일에 공부를 하려고 도서관에 와서 노트북을 꺼내는 순간에 파손이 된 걸 확인할 수 있었다. 사실 이전에 전조 증상이 있었다. 어느 날부터인가 내가 화면을 만지지도 않았는데 하단 작업 표시줄 영역에 원형 터치 이펙트가 무수히 생기며 무한대로 제멋대로 클릭되는 증상이 나타났다. 그래서 터치 스크린을 끈 상태로 노트북을 사용하였다. 이렇게 취업 하기 전까지 무리없이 쓸 수 있을 거라 생각했다. 하지만 설상가상으로 이번에 힌지(경첩) 부분마저 파손되었다. 오른쪽 화면이 제대로 고정되지 못해 덜렁거리고,..

읽어보기 →
Development/Web_Development

블로그 플랫폼 비교 2026: 티스토리·블로그스팟·워드프레스·GitHub Pages·Velog 어디에 시작할까

블로그 플랫폼은 처음 정하면 오래 갑니다. 글쓰기 편의성보다 수익화, 이전 가능성, 검색 노출, 운영 리스크까지 함께 봐야 합니다. 이미지: Nick Morrison, Unsplash.블로그 플랫폼 비교 2026: 티스토리·블로그스팟·워드프레스·GitHub Pages·Velog 어디에 시작할까블로그를 시작할 때 가장 먼저 부딪히는 질문은 “어디에 만들까?”입니다. 티스토리는 애드센스와 한국어 자료가 강하고, 블로그스팟은 구글 계정으로 빠르게 시작하기 좋습니다. 워드프레스는 확장성이 뛰어나지만 비용과 관리 난도가 올라갑니다. GitHub Pages는 개발자에게 강력하지만 일반 블로그 운영에는 CMS가 부족하고, Velog는 개발자 글쓰기와 커뮤니티 노출에는 좋지만 수익형 블로그에는 맞지 않습니다.이 글은 ..

읽어보기 →
Development/Web_Development

콘서트 티켓 예매 시스템에서 Overbooking을 막는 백엔드 설계 사고

인기 아이돌 콘서트 티켓 예매 시스템은 단순히 서버를 많이 띄운다고 해결되지 않는다. 오픈 직후 1분 동안 10만 명이 동시에 들어오고 좌석은 1만 석뿐이라면, 진짜 문제는 “많은 요청을 받는 것”보다 “같은 좌석이나 같은 재고가 두 번 팔리지 않게 하는 것”이다.이번 글은 엔지니어링 문제 해결 능력 진단 과제의 Scenario B, 콘서트 티켓 예매 시스템을 선택해 작성한 답변이다. 코드를 나열하기보다, 어떤 기술적 문제가 핵심인지, 어떤 요구사항을 먼저 세워야 하는지, 그리고 DB Lock, Redis, 메시지 큐 같은 선택지가 어떤 Trade-off를 갖는지 중심으로 정리했다.상황 요약오픈 1분 만에 10만 명의 동시 접속이 예상된다. 좌석은 1만 석 한정이다. 사용자가 “예매하기”를 누를 때 재고..

읽어보기 →
Development/Web_Development

멱등성(Idempotency): 결제·주문 API를 안전하게 만드는 백엔드 설계와 AI 학습 회고

멱등성(Idempotency)은 백엔드 API를 공부할 때 처음에는 추상적으로 느껴지지만, 결제·주문·쿠폰 발급처럼 돈이나 재고가 움직이는 기능에서는 거의 필수 안전장치다. 사용자는 버튼을 한 번 눌렀다고 생각하지만, 실제 시스템에서는 같은 요청이 여러 번 도착할 수 있기 때문이다.이번 글은 성장 가속도와 AI Leverage 과제에 맞춰, 멱등성을 1시간 동안 집중 학습한 내용을 제출형 콘텐츠로 정리한 것이다. 메인 본문, 코드 스케치, AI 프롬프트 기록을 분리해 구성했다.1. 컨셉 딥다이브: 멱등성이 왜 중요한가300자 내외 요약멱등성은 같은 요청이 한 번 처리되든 여러 번 재시도되든 서버의 최종 상태가 같게 만드는 성질이다. 결제·주문 API에서는 더블 클릭, 네트워크 타임아웃, PG 재시도 때문..

읽어보기 →
Development/Web_Development

Supabase, Firebase, MongoDB 등 어떤 데이터베이스 총정리

웹앱을 만들 때 데이터베이스 선택은 생각보다 빨리 현실 문제가 된다. 처음에는 “사용자 데이터만 저장하면 되겠지”라고 생각하지만, 로그인, 권한, 실시간 동기화, 검색, 통계, 백업까지 들어오면 단순히 유명한 서비스를 고르는 것만으로는 부족하다. 특히 개인 개발자나 작은 팀은 Supabase와 Firebase 사이에서 많이 고민한다. 둘 다 백엔드를 빠르게 만들 수 있게 도와주지만, 내부의 데이터 모델과 개발 방식은 꽤 다르다. 여기에 Neon, MongoDB Atlas, Cloudflare D1 같은 선택지도 함께 비교해야 실제 프로젝트에 맞는 결정을 할 수 있다. 이 글은 특정 서비스를 홍보하려는 글이 아니다. 내가 영어 학습 앱을 만들면서 직접 고민했던 기준을 바탕으로, 데이터베이스를 처음 고르..

읽어보기 →
Development/Web_Development

옵시디언 PC 안드로이드 동기화 방법 총정리(Google Drive + Syncthing)

Obsidian · Windows · Android옵시디언 PC·노트북·안드로이드 동기화 완전 정리Google Drive와 Syncthing을 같이 쓸 때 헷갈리는 지점, 특히 Up to Date, Disconnected, Paused, sync-conflict를 실제 설정 흐름대로 정리했다. 2026년 6월 21일 업데이트 · Windows PC/노트북 + Android 기준 · 약 15분기존 컴퓨터와 안드로이드 휴대폰에서 쓰던 Obsidian Vault를 새 노트북에도 연결해야 했다. 처음에는 Syncthing 화면에서 폴더가 Up to Date로 떠서 설정이 끝난 줄 알았다. 그런데 휴대폰은 계속 Disconnected였고, 파일은 움직이지 않았다.Device ID, Folder ID, Windo..

읽어보기 →

LATEST NOTES

최근에 정리한 글

모든 글 보기
Development/Web_Development

에이수스(ASUS) 노트북 AS 후기...!(3~4일 간의 여정)

최근 ASUS 젠북 듀오(모델명: UX8406MA-QL149W) 노트북에 큰 문제가 발생했다. 취준을 하기 위해 AI 서비스를 한창 Claude를 통해 열심히 만들고 있었는데 중요한 시기에 갑자기 7월 25일 토요일에 공부를 하려고 도서관에 와서 노트북을 꺼내는 순간에 파손이 된 걸 확인할 수 있었다. 사실 이전에 전조 증상이 있었다. 어느 날부터인가 내가 화면을 만지지도 않았는데 하단 작업 표시줄 영역에 원형 터치 이펙트가 무수히 생기며 무한대로 제멋대로 클릭되는 증상이 나타났다. 그래서 터치 스크린을 끈 상태로 노트북을 사용하였다. 이렇게 취업 하기 전까지 무리없이 쓸 수 있을 거라 생각했다. 하지만 설상가상으로 이번에 힌지(경첩) 부분마저 파손되었다. 오른쪽 화면이 제대로 고정되지 못해 덜렁거리고,..

읽어보기 →
Development/Web_Development

블로그 플랫폼 비교 2026: 티스토리·블로그스팟·워드프레스·GitHub Pages·Velog 어디에 시작할까

블로그 플랫폼은 처음 정하면 오래 갑니다. 글쓰기 편의성보다 수익화, 이전 가능성, 검색 노출, 운영 리스크까지 함께 봐야 합니다. 이미지: Nick Morrison, Unsplash.블로그 플랫폼 비교 2026: 티스토리·블로그스팟·워드프레스·GitHub Pages·Velog 어디에 시작할까블로그를 시작할 때 가장 먼저 부딪히는 질문은 “어디에 만들까?”입니다. 티스토리는 애드센스와 한국어 자료가 강하고, 블로그스팟은 구글 계정으로 빠르게 시작하기 좋습니다. 워드프레스는 확장성이 뛰어나지만 비용과 관리 난도가 올라갑니다. GitHub Pages는 개발자에게 강력하지만 일반 블로그 운영에는 CMS가 부족하고, Velog는 개발자 글쓰기와 커뮤니티 노출에는 좋지만 수익형 블로그에는 맞지 않습니다.이 글은 ..

읽어보기 →
Development/Web_Development

콘서트 티켓 예매 시스템에서 Overbooking을 막는 백엔드 설계 사고

인기 아이돌 콘서트 티켓 예매 시스템은 단순히 서버를 많이 띄운다고 해결되지 않는다. 오픈 직후 1분 동안 10만 명이 동시에 들어오고 좌석은 1만 석뿐이라면, 진짜 문제는 “많은 요청을 받는 것”보다 “같은 좌석이나 같은 재고가 두 번 팔리지 않게 하는 것”이다.이번 글은 엔지니어링 문제 해결 능력 진단 과제의 Scenario B, 콘서트 티켓 예매 시스템을 선택해 작성한 답변이다. 코드를 나열하기보다, 어떤 기술적 문제가 핵심인지, 어떤 요구사항을 먼저 세워야 하는지, 그리고 DB Lock, Redis, 메시지 큐 같은 선택지가 어떤 Trade-off를 갖는지 중심으로 정리했다.상황 요약오픈 1분 만에 10만 명의 동시 접속이 예상된다. 좌석은 1만 석 한정이다. 사용자가 “예매하기”를 누를 때 재고..

읽어보기 →
Development/Web_Development

멱등성(Idempotency): 결제·주문 API를 안전하게 만드는 백엔드 설계와 AI 학습 회고

멱등성(Idempotency)은 백엔드 API를 공부할 때 처음에는 추상적으로 느껴지지만, 결제·주문·쿠폰 발급처럼 돈이나 재고가 움직이는 기능에서는 거의 필수 안전장치다. 사용자는 버튼을 한 번 눌렀다고 생각하지만, 실제 시스템에서는 같은 요청이 여러 번 도착할 수 있기 때문이다.이번 글은 성장 가속도와 AI Leverage 과제에 맞춰, 멱등성을 1시간 동안 집중 학습한 내용을 제출형 콘텐츠로 정리한 것이다. 메인 본문, 코드 스케치, AI 프롬프트 기록을 분리해 구성했다.1. 컨셉 딥다이브: 멱등성이 왜 중요한가300자 내외 요약멱등성은 같은 요청이 한 번 처리되든 여러 번 재시도되든 서버의 최종 상태가 같게 만드는 성질이다. 결제·주문 API에서는 더블 클릭, 네트워크 타임아웃, PG 재시도 때문..

읽어보기 →
Development/Web_Development

Supabase, Firebase, MongoDB 등 어떤 데이터베이스 총정리

웹앱을 만들 때 데이터베이스 선택은 생각보다 빨리 현실 문제가 된다. 처음에는 “사용자 데이터만 저장하면 되겠지”라고 생각하지만, 로그인, 권한, 실시간 동기화, 검색, 통계, 백업까지 들어오면 단순히 유명한 서비스를 고르는 것만으로는 부족하다. 특히 개인 개발자나 작은 팀은 Supabase와 Firebase 사이에서 많이 고민한다. 둘 다 백엔드를 빠르게 만들 수 있게 도와주지만, 내부의 데이터 모델과 개발 방식은 꽤 다르다. 여기에 Neon, MongoDB Atlas, Cloudflare D1 같은 선택지도 함께 비교해야 실제 프로젝트에 맞는 결정을 할 수 있다. 이 글은 특정 서비스를 홍보하려는 글이 아니다. 내가 영어 학습 앱을 만들면서 직접 고민했던 기준을 바탕으로, 데이터베이스를 처음 고르..

읽어보기 →
Development/Web_Development

옵시디언 PC 안드로이드 동기화 방법 총정리(Google Drive + Syncthing)

Obsidian · Windows · Android옵시디언 PC·노트북·안드로이드 동기화 완전 정리Google Drive와 Syncthing을 같이 쓸 때 헷갈리는 지점, 특히 Up to Date, Disconnected, Paused, sync-conflict를 실제 설정 흐름대로 정리했다. 2026년 6월 21일 업데이트 · Windows PC/노트북 + Android 기준 · 약 15분기존 컴퓨터와 안드로이드 휴대폰에서 쓰던 Obsidian Vault를 새 노트북에도 연결해야 했다. 처음에는 Syncthing 화면에서 폴더가 Up to Date로 떠서 설정이 끝난 줄 알았다. 그런데 휴대폰은 계속 Disconnected였고, 파일은 움직이지 않았다.Device ID, Folder ID, Windo..

읽어보기 →
블로그 검색