drawyourmind

Media & Channels

여러 채널에 흩어져 있는 기술적 고민, 리뷰,그리고 일상의 기록들을 한곳에 모았습니다.

한 줄 요약 기획전(Exhibition) 페이지에서 이벤트 기간이 아닌데도 콘텐츠가 그대로 렌더링되는 문제를 발견하고, SSR·CSR 양쪽에서 기간 가드를 적용한 기록입니다. 1. 문제 발견 홈쇼핑모아의 큐레이션 기획전 페이지(/event?id=xxx)는 CMS에서 p

🎮 플레이하러 가기 → miniplay.kr 네 줄 요약 가족끼리 모여서 할 수 있는 벌칙/파티 미니게임 7종을 웹앱으로 만들었다 스택: Next.js 15 (App Router) + TypeScript + Tailwind CSS + Zustand + Web Audi

🎈 본 사이트 보러가기 → blanc-belluno.com 네 줄 요약 아내가 운영하는 파티풍선 장식 브랜드 블랑벨루노(Blanc Belluno) 의 홈페이지를 런칭했다 스택: Next.js 16 (App Router, Turbopack) + React 19 + Ty

로컬에서 커밋 스쿼시나 rebase 한 다음 푸시하려다 보니 force 옵션 쓸 일이 생김. 그럴 때는 --force-with-lease 옵션 사용하는 게 훨씬 안전함. git push --force-with-lease origin master 이 명령어는, “원

25/01/24 금 영하5도 맑음 - 설 연휴 스타트 하루 전, 금요일 얼마전 대뜸 동마 티켓을 따내서 50여일 뒤에 풀마를 뛰게 될 예정 현재 아무 준비도 안되어 있어서 일단 마일리지 꾹꾹 채워놔야 하는데 영 더디다 '하루에 1시간쯤 달리며 나 자신만의 침묵의 시간을

Microsoft의 엔지니어 Zohaib Rauf는 CursorAI와 LLM을 활용해 그동안 미뤄왔던 다양한 사이드 프로젝트를 빠르게 제작했다고 합니다. 오늘은 그가 추천한 방법을 바탕으로 CursorAI를 효과적으로 활용하는 3단계를 소개해 드리겠습니다. 1단계: 스

AI가 점점 더 세상을 바꾸고 있다. 개발자라는 직업도 예외가 아니다. 요즘 주변에서 40대 개발자로 살아가는 게 쉽지 않다는 얘기를 자주 듣는다. AI가 다 하는데 내가 필요한 걸까? 같은 고민을 하는 사람이 많다. 사실 40대라는 시점은 인생에서도, 커리어에서도 중

SEO(검색 엔진 최적화) 관점에서 웹사이트 진입 시에 앱 또는 웹으로 리다이렉트될 경우 검색 엔진 크롤러가 페이지를 정상적으로 크롤링하지 못해 검색 노출에 불이익을 줄 수 있습니다. 웹사이트 진입 시 리다이렉트를 어떻게 하면 SEO 손실을 최소화하면서도 효율적으로 운

웹 애플리케이션 성능의 핵심 요소 중 하나는 빌드 속도와 번들 효율성입니다. Vercel에서 개발한 Turbopack은 기존 번들러인 Webpack의 한계를 극복하고 성능을 획기적으로 향상하기 위해 개발되었습니다. Turbopack이란? Turbopack은 Next.j

Next.js 15 버전은 최신 웹 개발 트렌드를 반영하여 많은 기능이 추가되고 기존 기능이 개선되었습니다. 주요 업데이트는 다음과 같습니다. 1. React 19 지원 Next.js 15은 React 19을 완전히 지원하여 최신 React 기능들을 활용할 수 있게 되

안드로이드 디바이스에서 웹 애플리케이션을 개발할 때, popstate 이벤트는 매우 유용한 기능입니다. 이 이벤트는 사용자가 브라우저의 “뒤로 가기” 버튼을 눌렀을 때 발생하며, 특히 SPA(Single Page Application) 환경에서 페이지 전환을 보다 자연

#외출 개인적인 일로 바깥바람도 좀 쐬고 카페에서 잠깐 업무도 하는 시간을 가졌다. 좀 자유롭게 일할 수 있는 환경의 회사를 다니고 있어서 마음만 먹으면 카페에서도 자유롭게 일할 수 있는데 아무래도 육아를 하고 있는 아빠의 몸이다보니 쉽지 않다. 우연히 수요일에 바깥