최신백엔드웹 보안Node.js웹 보안 기본 3대 공격: SQL Injection, XSS, CSRF 원리와 방어법로그인 폼 한 줄로 관리자가 되고 댓글 하나로 스크립트가 실행된다. SQL Injection, XSS, CSRF의 원리를 직접 확인하고 각각을 막는 방법을 정리했다.2026.10.098분
백엔드API 설계HTTPAPI 에러 응답 형식 설계하기: 제각각인 에러 응답을 RFC 9457 Problem Details로 통일하는 법API마다 제각각인 에러 응답을 RFC 9457 Problem Details로 통일하는 법. 필드별 검증 에러, traceId, 내부 정보 숨기기, Node.js 단일 에러 처리까지 정리했다.2026.10.086분
백엔드HTTP웹 보안Node.jsCORS 에러 완전 정리: 왜 막히는지부터 preflight, credentials까지 올바르게 해결하기CORS 에러는 서버가 아니라 브라우저가 막은 것이다. 같은 출처 정책, preflight, credentials, Expose-Headers와 잘못된 해결법까지 실제 브라우저로 확인하며 정리했다.2026.10.087분
프론트엔드CSSCSS :has() 선택자 실전 가이드: 자바스크립트 없이 부모를 선택하는 법체크하면 카드가 강조되고, 입력이 틀리면 폼 전체가 반응하고, 별점에 마우스를 올리면 앞의 별까지 칠해진다. 예전엔 자바스크립트가 필요했던 일을 CSS :has() 한 줄로 해결하는 실전 예제를 직접 눌러보며 정리했다.2026.10.086분
프론트엔드HTML자바스크립트 없이 HTML만으로 되는 것들: 아직도 div로 다 만들고 있다면아코디언, 팝오버, 모달, 자동완성, 폼 검증, 이미지 지연 로딩까지. 라이브러리 없이 HTML 태그와 속성만으로 해결되는 기능을 예제와 함께 정리했다. 코드는 줄고 접근성은 덤으로 따라온다.2026.10.088분
백엔드HTTPVercelHTTP 캐시 제대로 쓰기: Cache-Control, ETag, no-cache와 no-store의 차이no-cache는 '캐시하지 마라'가 아니다. max-age, no-cache, no-store, ETag와 304, 배포 후 옛날 화면이 보이는 원인, Vercel CDN 캐시까지 직접 확인하며 정리했다.2026.10.086분
백엔드HTTPAPI 설계HTTP 상태 코드 올바르게 쓰기: 400 vs 422, 401 vs 403, 200 vs 201 vs 204 헷갈릴 때 보는 정리400 vs 422, 401 vs 403, 200 vs 201 vs 204처럼 헷갈리는 HTTP 상태 코드를 상황별로 정리하고, 301이 POST를 GET으로 바꾸는 리다이렉트 함정까지 다뤘다.2026.10.087분
프론트엔드JavaScript자바스크립트 비동기 에러 올바르게 처리하기: try/catch가 못 잡는 경우부터 Promise.all vs allSettled까지try/catch가 비동기 에러를 못 잡는 이유, fetch의 res.ok, Promise.all vs allSettled, 반복문 속 await, 타임아웃과 요청 취소까지 비동기 에러 처리 함정을 정리했다.2026.10.087분
개념 정리JavaScriptNode.js자바스크립트 이벤트 루프 완전 정복: 마이크로태스크와 매크로태스크의 실행 순서setTimeout(0)보다 Promise.then이 먼저 실행되는 이유는? 콜 스택, 태스크 큐, 마이크로태스크 큐가 어떤 순서로 돌아가는지 예제로 정리하고, 브라우저와 Node.js의 차이, 실무에서 UI 멈춤을 피하는 방법까지 알아보자.2026.10.087분
프론트엔드JavaScript자바스크립트 고차 함수 완전 정복: map, filter, reduce부터 직접 만드는 once, memoize까지map, filter, reduce를 제대로 쓰는 법부터 once, memoize, pipe, 커링을 직접 만들어보고 map(parseInt) 같은 함정까지 자바스크립트 고차 함수를 정리했다.2026.10.087분