
[Dev] 관심사의 분리를 몸으로 익히다 — 오목 웹 게임 만들기
HTML·CSS·JS 3파일 분리로 오목(Gomoku) 웹 게임을 만들고 GitHub Pages에 배포한 실전 R&D 기록. 관심사의 분리(SoC)를 이론이 아닌 손으로 익히는 과정.

HTML·CSS·JS 3파일 분리로 오목(Gomoku) 웹 게임을 만들고 GitHub Pages에 배포한 실전 R&D 기록. 관심사의 분리(SoC)를 이론이 아닌 손으로 익히는 과정.

동기와 비동기의 차이, 싱글 스레드 자바스크립트가 화면을 멈추지 않는 이벤트 루프 원리, 프로세스·스레드·코어까지 — 카페 진동벨 비유로 쉽게.

HTML·CSS·JS 세 겹의 탄생 비화와 '관심사의 분리(SoC)', 그리고 넥스트엑스가 이 3계층을 AI 에이전트 시스템(표현·로직·벡터DB)에 적용하는 법.

대기업이 아니라 중소기업이 AI로 더 크게 바뀔 수 있는 이유와, 넥스트엑스가 보는 2026년 AI 자동화 5대 흐름.

개발자 없이도 오늘 시작하는 업무 자동화 3가지 — 구글 시트, 노코드 연결 툴, 예약 실행. 어디까지 되고 언제 전문가가 필요한지.

설치도 코딩도 필요 없이, 오늘 당장 업무에 써먹는 생성형 AI 활용 팁 10가지. 회의록·메일·엑셀·기획·학습까지.

터미널·셸·커널·프롬프트의 차이를 역사와 비유로 완벽 정리. command not found·Permission denied 에러가 어느 층위 문제인지 바로 아는 디버깅 지도.

AI에게 '코드 짜줘'를 넘어, 내 컴퓨터에서 말하는 대로 손이 움직이는 에이전틱 코딩 작업대(Claude Code·Node·uv·Git·터미널)를 세팅하고 첫 웹페이지를 빌드한 R&D 실전 일지.

숫자만 잔뜩인 대시보드는 아무도 안 본다. 경영진이 '보고 바로 결정하는' 대시보드를 설계하는 원칙과 지표 구조.

파이썬으로 엑셀 취합·정산·리포트를 자동화하는 실전 코드 예제. pandas·openpyxl 패턴과 매크로·RPA 선택 기준, 예약 실행(스케줄러)까지.