웹퍼블리셔 2026 로드맵: 포트폴리오와 AI 활용 기준
웹퍼블리싱 강점을 근거와 함께 정리하고 프론트엔드 전환 방향을 선택합니다. 개인 학습 TaskFlow의 역량표를 만들며 AI 활용과 직접 검증의 경계를 익힙니다.
책상 정리 용품 · 제휴
모아 보기이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
웹 화면과 서비스를 만드는
해비의 개발 기록
웹사이트 제작·운영과 개인 서비스, 자동화·AI 도구를 만들며 배운 내용과 문제 해결 과정을 정리합니다.
전체 글
VS Code Copilot 디버깅: Agent Debug Log와 Chat Debug
VS Code Agent Debug Logs와 Chat Debug에서 컨텍스트·도구 호출·MCP 오류를 확인하고 안전하게 재현합니다.
VS Code 1.113 업데이트: MCP와 Thinking Effort 변화
VS Code 1.113의 Thinking Effort와 MCP 변경 사항을 공식 릴리스 노트로 확인하고 TaskFlow 개발환경을 최종 점검합니다.
AI 바이브 코딩 기준 코드 품질이 무너지기 전 확인할 것
AI 작업 전 품질 기준을 사람이 먼저 정의하는 법을 배웁니다. 요구사항보다 더 많은 기능을 추가하거나 관련 없는 리팩터링을 섞는 문제를 막기 위해 기능 범위 계약과 변경 영향 표를 사용합니다.
JavaScript URLSearchParams 사용법: URL 파라미터 읽고 수정하기
URL 쿼리를 읽고 수정하며 누락·빈 값·중복·인코딩과 브라우저 기록을 재현 가능한 사례로 확인합니다.
CSS Baseline 보는 법: 지원 범위와 폴백을 직접 확인하기
Baseline의 세 가지 상태를 읽고 지원 대상과 비교합니다. 세로 기본 배치에 컨테이너 쿼리를 더해 기능이 없어도 읽히는 화면을 실습합니다.
HTML CSS 이미지 문제 해결 실습: 경로·비율·잘림·흐림·CLS
이미지가 안 보임, 찌그러짐, 잘림, 흐림, 로딩 중 밀림을 실제 PNG 예제로 구분합니다. 상대 경로와 object-fit, srcset·sizes, 크기 예약을 한 실습에서 확인합니다.
개발자 영어 말하기 습관: 하루 10분 실무 표현 연습법
하루 10분을 상황 선택·문장 읽기·뜻과 발음·슬롯 변경·회상으로 나눕니다. TaskFlow 진행·완료·요청 표현 다섯 가지로 반복 연습합니다.
업무 자동화 도구 비교 Zapier Make n8n과 코드 자동화 기준
반복 업무를 입력·처리·출력으로 나누고 Zapier·Make·n8n·Node.js를 제어권과 운영 책임으로 비교합니다. Node.js 첫 파일 실행과 TaskFlow Ops Automation 준비까지 안내합니다.
CSRF XSS 차이: 프론트엔드 보안 공격 구분법
CSRF와 XSS가 깨뜨리는 신뢰 경계를 비교합니다. SameSite·CSRF 토큰·Origin 검증·textContent·HttpOnly·CSP의 역할과 한계를 방어 원칙 중심으로 정리합니다.
오토마타 이론 쉽게 이해하기: DFA NFA와 형식 문법 기준
DFA·NFA의 상태 집합과 전이를 읽고 문자열을 직접 추적합니다. 빈 문자열·정규 언어·정규 문법을 연결해 알고리즘 수학 노트를 완성합니다.
정수론 RSA 쉽게 이해하기: 유클리드 호제법과 합동식 기준
유클리드 호제법과 합동식·역원의 의미를 배웁니다. 작은 RSA 손계산으로 정수론의 연결을 확인하고 실제 암호 구현과 구분합니다.
