https://blog.wonkooklee.com/atom.xml TechLog, 업무 도메인, 회고와 기록을 한 줄로 받아 보는 통합 피드입니다. 주제별로 나뉜 피드는 /docs, /domain, /blog 아래에 그대로 있습니다. 2026-09-19T00:00:00.000Z https://blog.wonkooklee.com/docs/service-development-insights/blog-as-a-small-web-service/ 2026-09-19T00:00:00.000Z

개인 블로그를 직접 운영하면 만나게 되는 열 개의 기술 영역을 콘텐츠 규약부터 빌드, 서버리스, 보안, 성능, 측정까지 실제 사례로 정리합니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/message-queue-fundamentals/ 2026-09-17T00:00:00.000Z

메시지 큐를 가르는 기준을 정리합니다. 소비하면 사라지는 큐와 남는 로그의 차이, at-least-once와 멱등성, 순서 보장의 단위가 병렬성과 재개 지점을 어떻게 정하는지 다룹니다.

https://blog.wonkooklee.com/blog/20260913_02/ 2026-09-13T12:00:00.000Z

AI 에이전트가 소프트웨어를 바꾼다는 논문 한 편이 요즘 떠들썩합니다. 자동화의 역사와 생산성 연구를 함께 살펴보며 역할이 달라질수록 제가 지켜야 할 업의 가치를 생각합니다.

https://blog.wonkooklee.com/blog/20260913_01/ 2026-09-13T00:00:00.000Z

ChatGPT와 Claude로 오래된 디자인 작업 세 개를 웹으로 옮겼습니다. 밤늦게까지 원하는 표현을 다듬으며 오랜만에 만드는 즐거움에 빠졌습니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/browser-realtime/ 2026-09-08T00:00:00.000Z

허용 지연과 통신 방향에 따라 폴링·SSE·WebSocket을 선택하고, 재연결과 상태 복구를 설계하는 방법을 설명합니다. 브라우저 백그라운드 실행의 한계도 다룹니다.

https://blog.wonkooklee.com/blog/20260908_01/ 2026-09-08T00:00:00.000Z

출근길 바나프레소에서 커피를 받을 때마다 운세 스티커를 확인합니다. 믿지도 않는 운세를 왜 매일 읽는지, 작은 궁금증과 재미에 관한 연구를 찾아봤습니다.

https://blog.wonkooklee.com/domain/privacy/entrust-or-provide/ 2026-08-30T00:00:00.000Z

개인정보 위탁과 제3자 제공을 처리 목적과 업무 관계에 따라 구분합니다. 각각의 처리 근거·계약·공개 의무와 외부 도구·해외 서버 이용 시 확인할 국외 이전 요건을 정리합니다.

https://blog.wonkooklee.com/domain/privacy/pseudonymization-and-ai/ 2026-08-30T00:00:00.000Z

가명정보를 동의 없이 처리할 수 있는 목적과 과학적 연구의 범위를 정리합니다. AI 학습에 적용할 조건, 재식별 금지와 안전조치, 적용이 제외되는 정보주체 권리의 범위를 살펴봅니다.

https://blog.wonkooklee.com/domain/privacy/what-is-personal-data/ 2026-08-30T00:00:00.000Z

이름을 지운 데이터가 언제부터 개인정보가 아니게 되는지 정리합니다. 식별 가능성과 결합 용이성이 그 경계를 어떻게 옮기는지, 사번과 IP와 해시값은 어느 쪽에 놓이는지, 가명정보와 익명정보는 무엇이 다른지 법령을 근거로 따라갑니다.

https://blog.wonkooklee.com/blog/20260830_01/ 2026-08-30T00:00:00.000Z

AI로 결과물을 먼저 만든 뒤 재귀적 질문과 자기 설명으로 빈틈을 채우는 ‘생성 후 이해’ 방식의 탑다운 학습을 실무와 글쓰기 경험으로 풀어냅니다.

https://blog.wonkooklee.com/blog/20260824_01/ 2026-08-24T00:00:00.000Z

프론트엔드로 시작한 일이 DDL과 제품 정의까지 이어지곤 합니다. 문제가 직군을 모르고 생긴다면 오너십은 어디까지여야 할까요.

https://blog.wonkooklee.com/docs/network-and-security/oauth-oidc-auth-architecture/ 2026-08-22T00:00:00.000Z

세션에서 OAuth·OIDC·PKCE·BFF까지, 토큰의 수신자와 자격 증명의 위치를 따라 웹 인증 구조를 설명합니다.

https://blog.wonkooklee.com/docs/database/zero-downtime-migration/ 2026-08-17T00:00:00.000Z

MySQL INSTANT DDL이 빠르게 끝나도 데이터 백필과 애플리케이션 전환은 남습니다. DEFAULT의 의미와 구·신 버전이 공존하는 expand-contract 마이그레이션을 설명합니다.

https://blog.wonkooklee.com/blog/20260816_01/ 2026-08-16T00:00:00.000Z

레블 1100 MT 출고 1년을 맞아, 인스타에서 본 장면을 GPT와 나노바나나를 거쳐 블로그 미니게임으로 만든 기록입니다.

https://blog.wonkooklee.com/docs/computing-background-knowledge/string-implicit-contract/ 2026-08-15T00:00:00.000Z

유니코드 정규화로 문자열을 비교하고, 바이트·코드 유닛·코드 포인트·자소 클러스터로 길이를 세는 차이를 설명합니다. IME 조합 중인 입력을 처리할 때의 주의점도 다룹니다.

https://blog.wonkooklee.com/domain/payments/sales-to-books/ 2026-08-12T00:00:00.000Z

카드 매출전표의 증빙 요건과 부가세·발행세액공제를 정리합니다. 매출 인식과 입금 시점의 차이, 미수금·수수료 분개, 구매자 소득공제까지 거래 한 건으로 살펴봅니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/whose-response-is-this/ 2026-08-11T00:00:00.000Z

SSE·WebSocket·postMessage에서 요청과 응답을 상관키로 연결하는 방법을 설명합니다. 요청을 하나씩 처리하는 큐의 한계와 타임아웃·지연 응답 문제를 실행 예제로 확인합니다.

https://blog.wonkooklee.com/domain/payments/billing-key/ 2026-08-09T00:00:00.000Z

원본 카드정보를 가맹점에 보관하지 않고 빌링키로 정기결제를 요청하는 구조를 설명합니다. 카드정보와 CVC의 보관 규칙, 최초 인증, 서버 승인 확인과 청구 관리도 다룹니다.

https://blog.wonkooklee.com/docs/trouble-shooting/webview-funnel-history-stack/ 2026-08-02T00:00:00.000Z

웹뷰 퍼널에서 뒤로가기가 두 칸씩 가던 원인을 추적하고, 네이티브 back과 웹 back 중 누가 히스토리를 소유할지 계약으로 정하는 법을 정리합니다.

https://blog.wonkooklee.com/docs/computing-background-knowledge/browser-session-history/ 2026-08-01T00:00:00.000Z

세션 히스토리 엔트리와 순회, push·replace를 바탕으로 브라우저와 SPA 라우터가 뒤로가기를 복원하는 원리를 정리합니다.

https://blog.wonkooklee.com/domain/payments/merchant-fee/ 2026-08-01T00:00:00.000Z

카드 가맹점수수료에 반영되는 비용과 적격비용, 우대수수료율을 정리합니다. PG 이용료, 수수료 전가 금지, 지급일과 지급보류 조건을 실제 금액 예시로 살펴봅니다.

https://blog.wonkooklee.com/domain/payments/cancel-and-network-cancel/ 2026-07-28T00:00:00.000Z

매입 전후의 승인취소·매출취소와 망취소·부분취소를 구분합니다. 승인 결과가 불확실할 때의 확인 절차, 멱등키와 잔액 검증, 취소 이력 관리 방법을 살펴봅니다.

https://blog.wonkooklee.com/domain/payments/pg-and-van/ 2026-07-22T00:00:00.000Z

PG와 VAN의 업무·등록 근거, 대표가맹점과 하위가맹점 구조를 비교합니다. 카드사 가맹점번호·PG 상점아이디·단말기번호의 차이와 간편결제의 법적 분류도 다룹니다.

https://blog.wonkooklee.com/docs/programming-languages/async-error-boundaries-and-abortcontroller/ 2026-07-21T00:00:00.000Z

브라우저와 Node.js에서 처리되지 않은 예외·Promise 거부가 보고되는 경로를 설명합니다. AbortController의 취소를 정상 흐름과 실제 장애로 구분하는 기준도 정리합니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/what-not-to-put-in-state/ 2026-07-20T00:00:00.000Z

React에서 최신 값 참조, 파생 상태, Effect 사슬을 구분하고 실제로 저장해야 할 상태만 남기는 판단 기준을 정리합니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/time-in-api-contracts/ 2026-07-19T00:00:00.000Z

API 시간 필드를 절대시각·로컬 날짜·지역 기준의 미래 약속으로 구분하고, DB 타입과 Temporal로 그 의미를 보존하는 법을 정리합니다.

https://blog.wonkooklee.com/docs/programming-languages/javascript-date-pitfalls/ 2026-07-18T00:00:00.000Z

JavaScript Date의 파싱·출력·산술 함정을 짚고, Intl을 이용한 타임존 처리와 SSR 하이드레이션 문제까지 정리합니다.

https://blog.wonkooklee.com/docs/computing-background-knowledge/absolute-time-and-wall-clock/ 2026-07-17T00:00:00.000Z

절대시각·벽시계시각·기간을 구분하고, UTC·오프셋·타임존·IANA tzdb가 서로 어떤 역할을 하는지 정리합니다.

https://blog.wonkooklee.com/domain/payments/authorization-to-settlement/ 2026-07-17T00:00:00.000Z

신용카드 승인부터 매입·정산·가맹점 입금까지의 흐름을 정리합니다. 발급사·매입사·VAN·PG의 역할과 승인번호·거래고유번호·주문번호, 각 처리 날짜의 차이를 살펴봅니다.

https://blog.wonkooklee.com/domain/accounting/spending-to-journal/ 2026-07-16T00:00:00.000Z

지출을 차변·대변으로 나누어 전표에 기록하는 과정을 설명합니다. 복식부기와 계정과목, 부가세 처리, 적격증빙의 요건을 사무용품 구매 예시로 살펴봅니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/make-illegal-states-unrepresentable/ 2026-07-13T00:00:00.000Z

태그 유니온·브랜디드 타입·Parse, don't validate로 잘못된 상태를 줄이고 도메인 불변식을 타입에 담는 법을 설명합니다.

https://blog.wonkooklee.com/docs/database/database-fundamentals/ 2026-07-12T00:00:00.000Z

DBMS와 테이블·키·제약조건에서 시작해 SQL, 정규화, 트랜잭션과 ACID, 인덱스를 정리합니다. NoSQL·복제·샤딩까지 이어지는 데이터베이스 입문 용어집입니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/spring-for-frontend-developers/ 2026-07-12T00:00:00.000Z

스프링의 빈·DI·IoC·AOP를 React·TypeScript의 익숙한 개념과 비교합니다. 웹 요청 처리부터 JPA·트랜잭션·테스트·스프링 부트까지 연결해 설명합니다.

https://blog.wonkooklee.com/domain/payroll/year-end/mid-year-leaver/ 2026-07-03T00:00:00.000Z

중도퇴사 시 회사의 연말정산과 같은 해 재취업했을 때의 합산 정산을 설명합니다. 누락 공제를 5월 신고로 반영하는 방법과 근무기간에 해당하는 지출 요건도 정리합니다.

https://blog.wonkooklee.com/domain/payroll/retirement/interim-settlement/ 2026-07-02T00:00:00.000Z

퇴직금 중간정산의 법정 사유와 DC형 퇴직연금 중도인출의 차이를 정리합니다. 중간정산 후 근속기간 계산과 퇴직소득세 합산 정산도 함께 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/year-end/venture-investment/ 2026-07-01T00:00:00.000Z

벤처투자 방식에 따라 달라지는 소득공제율과 한도를 정리합니다. 일반 벤처투자조합 출자와 적격 엔젤투자를 구분하고, 공제 시기 선택과 조기 회수 시 추징도 살펴봅니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/be-toolbox-for-fe/ 2026-06-30T00:00:00.000Z

Gradle·ktlint·detekt를 프론트엔드의 빌드 도구·포매터·린터와 비교합니다. 테스트, DB 마이그레이션, 코드 생성 도구의 역할과 FE 도구에 비유할 때의 차이도 짚습니다.

https://blog.wonkooklee.com/docs/database/db-schema-version-control/ 2026-06-29T00:00:00.000Z

Liquibase·Flyway로 스키마 변경 이력을 관리하고 기존 DB에 기준선을 잡는 방법을 설명합니다. 스키마 마이그레이션과 데이터 변경 이력을 남기는 audit 테이블의 역할도 구분합니다.

https://blog.wonkooklee.com/docs/database/column-or-json-column/ 2026-06-28T00:00:00.000Z

개별 컬럼과 JSON 컬럼을 쿼리·제약조건, 데이터 노출 범위, 백필 비용으로 비교합니다. 컬럼 추가의 DDL 비용만으로 저장 구조를 결정하기 어려운 이유를 설명합니다.

https://blog.wonkooklee.com/domain/payroll/retirement/severance-system/ 2026-06-28T00:00:00.000Z

퇴직금과 퇴직연금 DB·DC형의 지급·적립 방식을 비교합니다. 적용 대상, 평균임금과 부담금 계산, 운용 책임, 임금 상승과 투자 수익률에 따른 차이를 정리합니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/patch-null-ambiguity/ 2026-06-27T00:00:00.000Z

부분 수정 API에서 필드 생략과 null을 어떻게 해석할지 정리합니다. JSON Merge Patch·JSON Patch·필드 마스크를 비교하고, 수정할 필드를 명시하는 permit 계약과 검증 예제를 다룹니다.

https://blog.wonkooklee.com/blog/20260627_01/ 2026-06-27T00:00:00.000Z

직무의 경계가 흐려지는 시대, 문제를 푸는 능력보다 문제를 발견하고 정의하는 능력이 비싸지는 이유를 FDE라는 역할을 통해 생각합니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/model-vs-response/ 2026-06-26T00:00:00.000Z

API 응답과 도메인 모델을 분리할 때 얻는 이점과 매핑 비용을 비교합니다. 계층별 DTO 구성, 응답의 중첩 구조, 인터페이스로 필드 누락을 줄이는 방법을 다룹니다.

https://blog.wonkooklee.com/domain/payroll/retirement/retirement-income-tax/ 2026-06-26T00:00:00.000Z

퇴직금은 다른 소득과 합치지 않고 따로 과세됩니다. 오래 쌓인 돈을 한 해에 몰아 과세하지 않도록 '연분연승'으로 세금을 낮춰 주는데, 근속연수공제·환산급여공제부터 실제 계산까지 소득세법을 근거로 예시와 함께 따라가 봅니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/who-calls-this-api/ 2026-06-25T00:00:00.000Z

호출자에 따라 API를 퍼블릭·오퍼레이션·인터널로 구분하는 설계 사례를 살펴봅니다. 각 API의 권한 처리와 도메인 간 호출에서 책임을 나누는 기준을 설명합니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/where-logic-lives/ 2026-06-24T00:00:00.000Z

검증과 권한 로직을 모델·서비스·컨트롤러 중 어디에 둘지 살펴봅니다. rich·anemic 도메인 모델을 비교하고, 도메인 서비스와 애플리케이션 서비스의 책임을 구분합니다.

https://blog.wonkooklee.com/domain/payroll/year-end/monthly-rent/ 2026-06-24T00:00:00.000Z

월세 세액공제의 무주택·소득·주택 요건과 공제 한도·공제율을 정리합니다. 임대차계약·주소·납부 증빙을 확인하고, 실제 세금 감소액을 예시로 살펴봅니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/inbound-outbound-and-dip/ 2026-06-23T00:00:00.000Z

인바운드/아웃바운드 어댑터를 가르는 기준은 데이터의 방향이 아니라 호출의 방향입니다. 이벤트 리스너와 fetch, props 콜백에 대응시켜 의존성 규칙과 의존성 역전(DIP)까지 풀어봅니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/pure-domain-model/ 2026-06-22T00:00:00.000Z

헥사고날 아키텍처에서 도메인 모델을 DB와 프레임워크로부터 분리하는 이유를 설명합니다. React 코어와 렌더러를 비유로 포트·어댑터를 살펴보고, 요청 처리와 모듈 의존성의 방향을 구분합니다.

https://blog.wonkooklee.com/blog/20260620_01/ 2026-06-20T00:00:00.000Z

AI가 만든 코드의 검증 책임을 리뷰어에게 넘기고, 개인의 편의를 혁신으로 포장해 조직의 검증 절차를 없애려는 무책임을 생각합니다.

https://blog.wonkooklee.com/domain/attendance/overtime-in-salary/ 2026-06-19T00:00:00.000Z

포괄임금 약정의 성립·유효 요건과 고정OT계약의 차이를 판례와 함께 살펴봅니다. 실제 근로시간에 따른 수당, 약정액을 초과한 차액, 근로시간 제한도 구분합니다.

https://blog.wonkooklee.com/domain/payroll/year-end/pension-account/ 2026-06-19T00:00:00.000Z

연금저축·IRP 납입액의 세액공제 한도와 소득별 공제율을 정리합니다. 공제액과 실제 환급액의 차이, 노후 연금 수령과 중도해지 때의 과세도 살펴봅니다.

https://blog.wonkooklee.com/blog/20260618_01/ 2026-06-18T00:00:00.000Z

코드 품질은 높을수록 좋은 절대값이 아닙니다. 지켜야 할 기준과 덜어낼 욕심을 구분하고, 지금 놓일 자리에 맞는 코드를 고르는 일을 생각합니다.

https://blog.wonkooklee.com/domain/payroll/income-tax/student-loan-repayment/ 2026-06-17T00:00:00.000Z

취업하고 나니 세금·4대보험 외에 '학자금 상환'까지 급여에서 빠지는 사람이 있습니다. 취업 후 학자금 상환제(ICL)의 원리, 소득이 기준을 넘으면 초과분의 일정 비율을 회사가 원천공제해 상환하는 구조를 정리합니다.

https://blog.wonkooklee.com/docs/network-and-security/web-security-mental-models/ 2026-06-13T00:00:00.000Z

입력이 코드가 되는 XSS의 원인에서 출발해 CSP의 지시어, nonce·hash, Report-Only 도입을 설명합니다. CORS·CSRF와의 차이와 코드 리뷰 기준도 정리합니다.

https://blog.wonkooklee.com/domain/attendance/attendance-to-pay/ 2026-06-12T00:00:00.000Z

연장·야간·휴일근로수당을 통상시급과 가산율로 계산합니다. 연차 미사용 수당, 보상휴가의 환산 방법, 사전에 근무일을 바꾸는 휴일대체와의 차이도 정리합니다.

https://blog.wonkooklee.com/domain/payroll/year-end/special-tax-credit/ 2026-06-12T00:00:00.000Z

의료비·교육비·기부금 세액공제의 대상과 공제율·한도를 정리합니다. 의료비의 총급여 3% 기준과 실손보험금 차감, 맞벌이 부부의 실제 지출자와 부양가족 요건도 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/income-tax/religious-income/ 2026-06-10T00:00:00.000Z

목사·승려 같은 종교인도 소득세를 냅니다. 다만 근로소득과 기타소득(종교인소득) 중 골라 신고할 수 있는 독특한 선택권이 있습니다. 종교인소득 과세의 구조와 필요경비 의제, 연말정산 가능 여부를 소득세법을 근거로 정리합니다.

https://blog.wonkooklee.com/domain/attendance/annual-leave-lifecycle/ 2026-06-05T00:00:00.000Z

연차휴가의 발생 일수와 사용 기한, 미사용 수당을 정리합니다. 입사일·회계연도 기준의 차이와 퇴사 시 정산, 적법한 연차 사용촉진의 요건을 함께 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/year-end/credit-card-deduction/ 2026-06-05T00:00:00.000Z

총급여의 25%를 넘는 카드 등 사용액에 적용되는 소득공제를 정리합니다. 결제수단별 공제율과 한도, 연간 신용·체크카드 사용액 조합에 따른 차이를 계산해 봅니다.

https://blog.wonkooklee.com/domain/payroll/special/foreign-worker/ 2026-06-03T00:00:00.000Z

외국인 근로자의 거주자·비거주자 구분과 19% 단일세율 특례를 정리합니다. 일반 과세와의 비교, 지방소득세, 외국법인 파견근로자의 원천징수와 연말정산도 다룹니다.

https://blog.wonkooklee.com/domain/attendance/work-and-worker-types/ 2026-05-29T00:00:00.000Z

유연근로시간제와 교대근무, 단시간근로자, 사업장 규모에 따라 근로시간과 수당의 적용 기준이 어떻게 달라지는지 근로기준법과 예시로 정리합니다.

https://blog.wonkooklee.com/domain/payroll/special/stock-option/ 2026-05-27T00:00:00.000Z

스타트업 보상의 상징인 스톡옵션. 행사할 때 왜 세금이 붙고, 벤처기업이라면 어떤 특례로 부담을 덜 수 있는지, 비과세 특례와 납부특례, 양도세 과세특례를 조세특례제한법을 근거로 정리합니다.

https://blog.wonkooklee.com/domain/attendance/how-many-hours/ 2026-05-22T00:00:00.000Z

같은 40시간을 일해도 연장근로가 되기도, 안 되기도 합니다. 소정·법정·목표라는 세 가지 근로시간을 구분하고, 그 위에서 연장·야간·휴일근로와 휴게시간이 어떻게 판정되는지 근로기준법을 근거로 정리합니다.

https://blog.wonkooklee.com/domain/payroll/special/sme-tax-reduction/ 2026-05-20T00:00:00.000Z

중소기업 취업자 소득세 감면의 대상과 업종, 감면율·기간·연간 한도를 정리합니다. 청년 등의 자격 요건, 신청 절차와 뒤늦게 신청할 때의 처리를 살펴봅니다.

https://blog.wonkooklee.com/domain/attendance/work-day-or-holiday/ 2026-05-15T00:00:00.000Z

소정근로일·주휴일·공휴일·휴무일·휴가의 차이를 정리합니다. 휴일 여부와 유급·무급 여부를 구분하고, 날짜의 성격이 근로시간과 수당 계산에 미치는 영향을 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/year-end/personal-deductions/ 2026-05-13T00:00:00.000Z

연말정산에서 가장 기본이 되는 인적공제와 자녀세액공제를 정리합니다. 기본공제·추가공제의 금액과 소득·나이 요건, 자녀세액공제 금액, 맞벌이 부부의 중복공제 함정까지 소득세법을 근거로 짚어 봅니다.

https://blog.wonkooklee.com/domain/payroll/year-end/settlement-flow/ 2026-05-08T00:00:00.000Z

연말정산은 매달 원천징수한 세금과 1년 치 결정세액을 비교해 환급·추가납부를 정하는 절차입니다. 계산 흐름과 간소화 자료 확인, 누락 공제의 경정청구를 정리합니다.

https://blog.wonkooklee.com/domain/payroll/social-insurance/annual-report/ 2026-05-01T00:00:00.000Z

연말정산은 소득세만의 일이 아닙니다. 건강보험·고용보험·산재보험도 매년 실제 보수로 보험료를 다시 맞춥니다. 보수총액 신고·통보의 원리와 기한, 정산분 분할납부와 미신고 불이익을 실무 관점에서 정리합니다.

https://blog.wonkooklee.com/domain/payroll/social-insurance/leave-and-resignation/ 2026-04-24T00:00:00.000Z

휴직 중 국민연금 납부예외와 건강보험 고지유예·경감을 구분합니다. 복직 후 처리, 퇴직정산과 자격상실, 퇴사일에 따른 월 보험료 부과도 보험별로 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/social-insurance/health-insurance/ 2026-04-17T00:00:00.000Z

직장가입자의 보수월액보험료와 보수 외 소득월액보험료를 구분합니다. 소득별 반영 비율과 산정 기준, 피부양자 요건, 보수총액에 따른 연말정산을 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/social-insurance/four-insurances/ 2026-04-10T00:00:00.000Z

국민연금·건강보험·고용보험·산재보험의 목적과 가입 기준, 2026년 요율을 정리합니다. 근로자와 사업주의 부담 비율, 급여 공제 예시, 두루누리 지원도 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/income-tax/income-types/ 2026-04-03T00:00:00.000Z

같은 돈을 받아도 근로소득이냐 사업소득이냐 기타소득이냐에 따라 세금을 떼는 방식과 정산 절차가 완전히 달라집니다. 프리랜서 3.3%의 정체, 소득 구분을 가르는 실질 판단 기준, 강연료 기타소득의 실효세율까지 소득세법과 판례로 정리합니다.

https://blog.wonkooklee.com/domain/payroll/basics/non-taxable-income/ 2026-03-27T00:00:00.000Z

식대·자가운전보조금 등 비과세 급여의 요건과 한도를 정리합니다. 소득세 계산에서 제외되는 이유와 사회보험료·실수령액에 미치는 영향을 함께 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/income-tax/income-tax-calculation/ 2026-03-20T00:00:00.000Z

근로소득세가 총급여에서 과세표준·산출세액·결정세액으로 계산되는 과정을 정리합니다. 누진세율과 누진공제, 소득공제·세액공제의 차이를 숫자 예시로 살펴봅니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/react-query-cache-internals/ 2026-03-17T00:00:00.000Z

TanStack Query가 쿼리 키를 해시로 바꾸고 캐시를 조회하는 과정을 소스 코드로 따라갑니다. 부분 매칭·구조적 공유·하이드레이션에서 값이 달라지는 조건도 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/basics/regular-wage/ 2026-03-16T00:00:00.000Z

연장·야간·휴일근로수당의 기준인 통상임금을 정리합니다. 통상시급과 월 209시간의 계산 조건, 2024년 대법원 판결로 달라진 판단 기준, 평균임금과의 관계를 살펴봅니다.

https://blog.wonkooklee.com/domain/payroll/income-tax/withholding/ 2026-03-13T00:00:00.000Z

1년 소득도, 공제도 확정되지 않은 매달, 회사는 무슨 수로 내 세금을 떼어 갈까요? 원천징수의 법적 구조와 간이세액표, 상여금 과세 방식, 반기납부 특례와 미납 가산세까지 실무 관점에서 정리합니다.

https://blog.wonkooklee.com/domain/payroll/basics/payslip-pipeline/ 2026-03-06T00:00:00.000Z

급여명세서의 지급 항목과 세금·사회보험 공제, 실수령액 계산을 정리합니다. 비과세 급여와 통상임금, 매달의 원천징수와 연말정산이 어떻게 연결되는지 살펴봅니다.

https://blog.wonkooklee.com/docs/service-development-insights/seo-lessons-from-this-blog/ 2025-09-14T00:00:00.000Z

Docusaurus 블로그에서 URL 불일치와 색인 정책을 정리한 과정입니다. 메타데이터·구조화 데이터의 역할과 Search Console 점검 방법을 다룹니다.

https://blog.wonkooklee.com/blog/20250205_01/ 2025-02-05T00:00:00.000Z

쉽게 번복한 선택, 어디에도 완벽한 곳은 없다는 깨달음. '군자는 자기에게서 구하고 소인은 남에게서 구한다'는 논어의 한 구절로 지난해의 후회를 돌아본 글입니다.

https://blog.wonkooklee.com/blog/20250203_01/ 2025-02-03T00:00:00.000Z

9일의 설 연휴 동안 세운 OKR을 얼마나 달성했는지 돌아봅니다. 개인 블로그 구축, 기존 글 이관, SEO 기본 설정과 유틸리티 이관까지, Key Result별 달성률을 정리한 회고입니다.

https://blog.wonkooklee.com/docs/industry-trends-and-new-technologies/deepseek-chatbot-as-vscode-extension/ 2025-02-02T00:00:00.000Z

VS Code Extension 인터페이스에서 로컬 AI 서버 API와 통신하는 예제를 따라하며 Ollama, VS Code Extension API에 대해 간단히 배워보세요.

https://blog.wonkooklee.com/blog/20250201_01/ 2025-02-01T00:00:00.000Z

네이버·카카오·삼성부터 해외 빅테크까지, 링크드인에서 단축 URL로 저장해 두었던 국내외 기업 기술 블로그 목록을 원본 링크로 다시 정리해 공유합니다.

https://blog.wonkooklee.com/blog/20250128_01/ 2025-01-28T00:00:00.000Z

다시 시작한 클래식 피아노 1년. 쇼팽 왈츠와 녹턴, 풀랑크, 리스트의 사랑의 꿈까지, 그동안 암보해 연주한, 내가 사랑하는 곡들을 곡 소개와 함께 모았습니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/tailwindcss-4/ 2025-01-26T00:00:00.000Z

Tailwind CSS 4.0의 CSS 기반 설정, 자동 콘텐츠 감지, Vite 통합을 살펴봅니다. 테마 변수와 동적 유틸리티, 컨테이너 쿼리 등 새 기능을 코드 예제로 정리합니다.

https://blog.wonkooklee.com/blog/20250126_01/ 2025-01-26T00:00:00.000Z

Docusaurus·Netlify·Route53·Let's Encrypt로 직접 만든 self-hosted 블로그를 열며. 이미 좋은 플랫폼이 있는데도 나만의 공간을 갖고 싶었던 이유와 구축에 사용한 기술 스택을 정리합니다.

https://blog.wonkooklee.com/docs/network-and-security/why-authorization-bearer/ 2025-01-21T00:00:00.000Z

Authorization 헤더의 Bearer가 뜻하는 인증 방식과 JWT라는 토큰 형식의 차이를 설명합니다. Basic·Digest와 비교하고, Bearer 토큰 유출 시 생기는 위험을 짚습니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/upstream-dependency-conflict/ 2025-01-18T00:00:00.000Z

npm의 peer dependency 충돌에서 --force와 --legacy-peer-deps가 각각 무엇을 허용하거나 무시하는지 비교합니다. 설치 성공이 실제 호환성을 보장하지 않는 이유도 설명합니다.

https://blog.wonkooklee.com/docs/data-format/svg-in-web/ 2025-01-15T00:00:00.000Z

SVG를 img·object·인라인으로 사용하는 방식과 차이를 비교합니다. SVGO로 파일을 최적화하고, SVGR로 React 컴포넌트를 만들며 아이콘 자산을 관리하는 방법을 정리합니다.

https://blog.wonkooklee.com/blog/20241201_01/ 2024-12-01T00:00:00.000Z

출처 모를, 그러나 오래 마음에 남은 말들. IT 제품을 만드는 사람의 유통기한, 컴포트존, 무빙타겟. 안주를 경계하며 적어둔 짧은 메모입니다.

https://blog.wonkooklee.com/blog/20241121_01/ 2024-11-21T00:00:00.000Z

헌터커브 125cc로 떠난 2박 3일 동해안 라이딩. 이직을 앞두고 한적한 평일, 늦은 가을 풍경 속을 달린 여행 기록입니다.

https://blog.wonkooklee.com/blog/20241101_01/ 2024-11-01T00:00:00.000Z

토스 NEXT 챌린지 코딩테스트 참여 후기. 프로그래머스 환경에서 2시간 30분 동안 42문제를 푼 경험과, 한정된 시간 안에서 우선순위를 정하는 토스식 평가 방식에 대한 인상을 정리했습니다.

https://blog.wonkooklee.com/blog/20241023_01/ 2024-10-23T00:00:00.000Z

'내가 만든 것'을 '내 것'처럼 여기는 태도에 대하여. 개발 산출물이 회사의 자산으로 귀속된다는 계약 문구의 자간과 행간에서 일을 대하는 본질적 태도를 되짚어 봅니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/anatomy-of-shadcn-ui/ 2024-10-18T00:00:00.000Z

shadcn/ui의 핵심 개념과 아키텍처를 요약합니다. Headless UI 기반 컴포넌트 구조, Tailwind CSS 스타일링 방식, 그리고 디자인 시스템을 직접 소유하는 철학까지 살펴봅니다.

https://blog.wonkooklee.com/blog/20241015_01/ 2024-10-15T00:00:00.000Z

사내 해커톤에서 꼬박 하루 만에 만든 WebGL 3D 프로젝트 '캐시노트 타운'의 기획과 구현, 그리고 산업 디자이너 출신 개발자로서의 경쟁력에 대한 기록입니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/typescript-jsx-transpiling/ 2024-07-19T00:00:00.000Z

tsconfig의 다섯 가지 jsx 옵션과 각각의 변환 결과를 비교합니다. React.createElement를 호출하는 방식과 React 17에서 도입된 자동 JSX 런타임의 차이를 설명합니다.

https://blog.wonkooklee.com/docs/service-development-insights/proactive-service-improvement/ 2024-06-25T00:00:00.000Z

Next.js 기반의 서버 사이드 라우팅 최적화와 유저 행동 분석을 통해 웹 퍼포먼스를 개선하고 전환율을 높인 사례를 소개합니다. 트래픽 분기 최적화, Heatmap & Scrollmap 분석을 활용한 UI 개선 과정을 다룹니다.

https://blog.wonkooklee.com/docs/deployment-and-operations-strategy/next-server-cdn-host/ 2024-04-11T00:00:00.000Z

정적 자원을 assetPrefix 옵션을 사용해서 별도의 CDN에 업로드해서 배포 개정이 이루어져도 자원을 찾지 못하는 문제를 인프라 구조를 개선해서 해결한 내용입니다.

https://blog.wonkooklee.com/docs/service-development-insights/joy-of-orderly-creation/ 2024-01-24T00:00:00.000Z

개인 창작 과정의 경험이 조직의 생산성 및 워크플로우 최적화에 미치는 영향을 분석하며, 효과적인 협업 환경 구축 방안을 제시합니다.

https://blog.wonkooklee.com/docs/service-development-insights/manage-nextjs-page-metadata/ 2023-12-06T00:00:00.000Z

Next.js 페이지에서 메타 정보를 효율적으로 관리하기 위해 직접 제작한 라이브러리를 소개하고 활용 방법을 안내합니다.

https://blog.wonkooklee.com/docs/software-design-and-theory/software-cohesion-and-coupling/ 2023-08-12T00:00:00.000Z

응집도와 결합도의 종류를 구분하고, 프론트엔드 컴포넌트와 모듈 설계에 적용해봅니다. 상태 관리·의존성 주입·이벤트 버스가 코드 간 의존 관계에 미치는 영향을 예제로 살펴봅니다.

https://blog.wonkooklee.com/docs/user-experience-user-interface/what-is-wai-aria/ 2023-05-24T00:00:00.000Z

WAI-ARIA의 역할·상태·속성을 폼, 모달, 아코디언, 탭 예제로 설명합니다. 네이티브 HTML을 우선하고, ARIA 속성과 실제 키보드 동작을 함께 구현해야 하는 이유를 다룹니다.

https://blog.wonkooklee.com/docs/trouble-shooting/thirdparty-script-race-issue/ 2023-05-22T00:00:00.000Z

GA·Meta Pixel의 초기화가 늦어 이벤트가 유실되는 원인을 설명합니다. 스크립트 실행 시점을 짚고, FIFO 큐·청크 분리와 캐싱·next/script·Web Worker의 적용 조건을 비교합니다.

https://blog.wonkooklee.com/docs/virtualization-and-cloud/automate-notion-page-by-lambda/ 2023-04-23T00:00:00.000Z

Notion API를 호출하는 Lambda 함수를 만들고, EventBridge 예약 규칙으로 매일 실행한 과정을 기록합니다. 페이지 템플릿 구성과 Terraform으로 AWS 자원을 배포하는 예제를 다룹니다.

https://blog.wonkooklee.com/docs/service-development-insights/signiture-module-with-canvas-api/ 2023-04-13T00:00:00.000Z

Canvas API와 Broadcast Channel API를 활용하여 자필 서명 모듈을 개발한 경험과 구현 과정을 다룹니다.

https://blog.wonkooklee.com/docs/coding-test/matrix-operations/ 2023-02-19T00:00:00.000Z

행렬의 종류와 전치, 덧셈·뺄셈·곱셈의 규칙을 정리합니다. 행렬 곱셈이 가능한 조건을 확인하고, JavaScript로 코딩 테스트 문제를 풀어봅니다.

https://blog.wonkooklee.com/docs/programming-languages/javascript-map-instead-object/ 2022-12-11T00:00:00.000Z

JavaScript에서 Map과 Object를 비교하고, 어떤 상황에서 Map을 사용하는 것이 더 유리한지 벤치마크 테스트와 함께 알아봅니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/web-worker-service-worker/ 2022-12-04T00:00:00.000Z

Web Worker로 무거운 연산을 옮기고 작업과 취소를 관리하는 방법을 설명합니다. 탭 간 통신, Service Worker의 생명 주기, 캐시와 업데이트 설계도 함께 다룹니다.

https://blog.wonkooklee.com/docs/virtualization-and-cloud/docker-for-frontend-engineer/ 2022-10-22T00:00:00.000Z

Docker를 활용하여 React 애플리케이션을 개발하고 배포하는 방법을 소개합니다. 초보자도 쉽게 따라할 수 있는 단계별 가이드.

https://blog.wonkooklee.com/docs/programming-languages/using-regular-expressions/ 2022-09-14T00:00:00.000Z

정규표현식의 수량자 *, +, ?, {n,m}으로 반복 횟수를 지정하는 방법을 설명합니다. 탐욕적 매칭과 지연 매칭의 차이, 빈 문자열 매칭 시 주의점도 예제로 살펴봅니다.

https://blog.wonkooklee.com/blog/20220619_01/ 2022-06-19T00:00:00.000Z

인프랩이 주최한 프론트엔드 오프라인 네트워킹 데이 참여 후기. '프론트엔드가 궁극적으로 추구해야 할 핵심 가치는 무엇인가'라는 질문과 '사용자에게 집중하라'는 답에서 얻은 생각을 나눕니다.

https://blog.wonkooklee.com/blog/20220617_01/ 2022-06-17T00:00:00.000Z

메디스트림에서 프론트엔드 개발자로 일한 반 년을 돌아봅니다. 알림 센터 구축부터 커머스·CRM까지, 주니어 개발자로서 무엇을 했고 무엇이 아쉬웠는지 솔직하게 정리한 상반기 회고입니다.

https://blog.wonkooklee.com/docs/programming-languages/regular-expression-javascript/ 2022-06-01T00:00:00.000Z

JavaScript에서 정규표현식을 만들고 test·exec·match 등으로 사용하는 방법을 설명합니다. 메타 문자, 이스케이프, 문자 집합의 기본 문법을 예제로 익힙니다.

https://blog.wonkooklee.com/docs/api-and-interfaces/document-fragment/ 2022-05-19T00:00:00.000Z

DocumentFragment로 여러 DOM 노드를 조립하고 문서에 삽입하는 방법을 설명합니다. 일반 요소를 사용하는 방식과 비교하고, 성능 측정 결과를 해석할 때의 주의점도 짚습니다.

https://blog.wonkooklee.com/docs/coding-test/leetcode-local-environment/ 2022-05-19T00:00:00.000Z

LeetCode의 JavaScript 풀이를 로컬에서 실행할 수 있도록 Node.js와 Jest를 설정합니다. 문제별 테스트 파일을 만들고, 코드가 바뀔 때 테스트를 다시 실행하는 방법을 다룹니다.

https://blog.wonkooklee.com/docs/data-format/heic-to-jpeg/ 2022-05-15T00:00:00.000Z

Node.js의 heic-convert로 HEIC 이미지를 JPEG로 변환합니다. Express·Multer로 업로드를 받고, Vue 화면에서 변환된 이미지를 다운로드하는 예제를 다룹니다.

https://blog.wonkooklee.com/docs/libraries-and-frameworks/vuex/ 2022-03-05T00:00:00.000Z

Vuex의 state·mutations·getters·actions를 예제로 익히고, 스토어를 모듈과 네임스페이스로 나누는 방법을 설명합니다. Vuex를 사용하는 기존 Vue 프로젝트를 이해하기 위한 글입니다.

https://blog.wonkooklee.com/blog/20220226_01/ 2022-02-26T00:00:00.000Z

『개발자의 글쓰기』『자바스크립트 코딩의 기술』『누구나 자료 구조와 알고리즘』『도널드 노먼의 UX디자인 특강』. 주니어 프론트엔드 개발자가 읽고 도움받은 네 권의 책을 짧게 소개합니다.

https://blog.wonkooklee.com/blog/20220203_01/ 2022-02-03T00:00:00.000Z

산업 디자이너에서 프론트엔드 개발자로. 커리어를 시작한 지 2.4개월, 엔트리 레벨 개발자가 현업에서 처음 배운 것들과 느낀 점을 정리한 첫 번째 개인 기록입니다.

https://blog.wonkooklee.com/docs/programming-languages/js-promise-example/ 2021-09-19T00:00:00.000Z

JavaScript Promise 체인을 활용하여 좌표를 기반으로 국가 정보를 가져오는 API 요청을 구현하는 방법을 배웁니다.

https://blog.wonkooklee.com/docs/programming-languages/es6-module-export/ 2021-09-18T00:00:00.000Z

JavaScript 모듈의 named export와 default export를 내보내기·가져오기 예제로 비교합니다. 식별자 이름, 별칭, 한 모듈에서 두 방식을 함께 사용하는 방법을 정리합니다.

https://blog.wonkooklee.com/docs/programming-languages/javascript-async-ajax-api/ 2021-09-13T00:00:00.000Z

자바스크립트에서 비동기 처리란 무엇이며, AJAX와 API 요청이 어떻게 동작하는지 설명합니다. 타이머 예제와 HTTP 요청·응답 흐름을 함께 살펴봅니다.

https://blog.wonkooklee.com/docs/personal-toy-projects/implement-image-zoom-on-hover/ 2021-08-27T00:00:00.000Z

JavaScript와 CSS를 활용하여 마우스를 올리면 이미지가 확대되는 효과를 구현하는 방법을 설명합니다. 사용자 경험 향상을 고려한 인터랙티브 이미지 줌 기능을 다룹니다.

https://blog.wonkooklee.com/docs/user-experience-user-interface/must-know-ui-elements-for-frontend-developers/ 2021-08-15T00:00:00.000Z

프론트엔드 개발자가 알아야 할 필수적인 32가지 UI 요소를 정리한 가이드. 실무에서 바로 활용 가능한 핵심 정보를 제공합니다.

https://blog.wonkooklee.com/docs/personal-toy-projects/legendary-thumbnail-maker/ 2021-08-10T00:00:00.000Z

누구든지 10초 안에 무난한 블로그 아티클 썸네일을 만들 수 있습니다. 당신은 개발과 글쓰기에만 집중하세요. 나의 첫 토이 프로젝트 개발기