주식 탈출을 위한 기울기 분석기 제작기-2
[2편] Chart.js 이중 Y축 구현과 UX를 고려한 검색 시스템 최적화 서론: 개별 주가와 바탕 지수를 한눈에 비교하기 데이터를 성공적으로 가져온 후, 프론트엔드에서 직면한 문제는 ‘스케일의 차이’였습니다. 예를 들어 애플(AAPL) 주가는 백 달러 단위인데, S&P 500 지수는 수천 포인트 단위입니다. 이를 하나의 차트에 그리면 주가 선이 바닥에 납작하게 붙어버립니다. 이를 해결하기 위해 Chart.js의 이중…
퀀트 투자의 생존법: 폭락장에서 내 계좌를 지키는 ‘듀얼 모멘텀’ 시뮬레이터 기획기
1. 현장 PM의 뼈저린 교훈: 예측할 수 없다면 대응 매뉴얼을 만들어라 흥인(Heungin)이라는 회사를 세우고 현장 PM(Project Manager)으로 수많은 프로젝트를 이끌면서 제가 얻은 가장 큰 교훈은 단 하나입니다. “현장의 변수는 결코 예측할 수 없으며, 오직 철저한 시스템과 매뉴얼만이 위기를 방어할 수 있다”는 것입니다. 이러한 철학은 저의 재테크와 금융 투자에도 그대로 적용되었습니다. 한동안 TQQQ, SOXL…
자는 아이 곁에서 코딩하다: 해열제 용량 계산과 교차 타이머 로직 (JavaScript 구현)
1. 두 가지의 뇌: ‘단일 복용’과 ‘교차 복용’ 1편에서 만든 깔끔한 UI 위에 이제 생명력을 불어넣을 차례입니다. 이 웹 앱이 가져야 할 가장 중요한 핵심 기능은 부모가 선택한 상황에 따라 ‘다음에 먹일 약의 종류’와 ‘타이머의 시간’을 스스로 판단하는 것입니다. 사용자가 ‘단일 복용’을 누르면 동일한 약을 4시간 뒤에 먹이도록 안내해야…
초보 부모 해열제 교차복용 멘붕: 의사 선생님, ‘교차 복용’이 대체 뭔가요?(웹 유틸리티 기획 및 UI 설계)
1. 새벽 2시, 체온계의 숫자 ‘39.2도’가 주는 공포 돌을 갓 지난 아이를 키우며 가장 두려운 순간은 단연코 ‘새벽에 펄펄 끓는 열’을 마주할 때입니다. 평소 현장 PM으로 일하며 흥인이라는 회사를 세우고 운영할 때 수많은 돌발 변수와 위기 상황을 겪어왔지만, 그 어떤 비즈니스 리스크도 내 아이의 체온계에 찍힌 ‘39.2도’라는 숫자 앞에서는 아무것도 아니었습니다. 당황한 마음을…
깃허브 코파일럿(GitHub Copilot)과 커서(Cursor) 에디터: 웹 서비스(HTML/JS) 개발 및 유지보수 자동화 가이드
과거의 웹 개발은 빈 화면에 HTML 태그를 한 줄씩 입력하고, 자바스크립트(JS)의 복잡한 로직과 오타를 찾아 밤을 새우는 고단한 작업이었습니다. 하지만 생성형 AI의 등장으로 코딩의 패러다임은 ‘직접 타이핑하는 것’에서 ‘AI에게 명령하고 리뷰하는 것’으로 완전히 역전되었습니다. 그 혁신의 중심에는 전 세계 개발자들의 필수품이 된 ‘깃허브 코파일럿(GitHub Copilot)’과 최근…