초보 부모 해열제 교차복용 멘붕: 의사 선생님, ‘교차 복용’이 대체 뭔가요?(웹 유틸리티 기획 및 UI 설계)
1. 새벽 2시, 체온계의 숫자 ‘39.2도’가 주는 공포 돌을 갓 지난 아이를 키우며 가장 두려운 순간은 단연코 ‘새벽에 펄펄 끓는 열’을 마주할 때입니다. 평소 현장 PM으로 일하며 흥인이라는 회사를 세우고 운영할 때 수많은 돌발 변수와 위기 상황을 겪어왔지만, 그 어떤 비즈니스 리스크도 내 아이의 체온계에 찍힌 ‘39.2도’라는 숫자 앞에서는 아무것도 아니었습니다. 당황한 마음을…
AI와 함께 만든 ‘행운 가득 로또 기운 생성기’ 제작 스토리
웹 개발을 처음 시작할 때 가장 큰 고민은 “무엇을 만들 것인가?”입니다. 거창한 아이디어를 떠올리다 지레 포기하기보다는, 일상에서 가볍게 즐길 수 있는 작고 재미있는 도구부터 시작하는 것이 최고의 학습법입니다. 오늘은 저의 첫 웹 기반 사이드 프로젝트이자, 순수 HTML과 JavaScript로 뼈대를 다지게 해준 ‘행운 가득 로또 기운 생성기’의 제작 과정을 되짚어 보려고 합니다. 1. 기획: 단순한 난수…
내 서버에 만든 HTML 띄우기! 10분 만에 원페이지 웹사이트 여는 법
안녕하세요! 오늘은 코딩을 바로 시작하셨거나, 나만의 작은 웹 도구를 만들어보고 싶은 분들을 위한 아주 실용적인 이야기를 해보려고 합니다. 메모장이나 코드 에디터로 열심히 index.html 파일을 만들고 브라우저로 열어봤을 때의 뿌듯함, 다들 아시죠? 그런데 이 파일을 내 컴퓨터에서만 보는 게 아니라, 다른 사람들에게 링크로 공유하려면 어떻게 해야 할까요? 오늘은 내 서버에 직접 만든 HTML 코드를 올려서 깔끔한…
깃허브 코파일럿(GitHub Copilot)과 커서(Cursor) 에디터: 웹 서비스(HTML/JS) 개발 및 유지보수 자동화 가이드
과거의 웹 개발은 빈 화면에 HTML 태그를 한 줄씩 입력하고, 자바스크립트(JS)의 복잡한 로직과 오타를 찾아 밤을 새우는 고단한 작업이었습니다. 하지만 생성형 AI의 등장으로 코딩의 패러다임은 ‘직접 타이핑하는 것’에서 ‘AI에게 명령하고 리뷰하는 것’으로 완전히 역전되었습니다. 그 혁신의 중심에는 전 세계 개발자들의 필수품이 된 ‘깃허브 코파일럿(GitHub Copilot)’과 최근…