https://blog.wonkooklee.com/ TechLog, 업무 도메인, 회고와 기록을 한 줄로 받아 보는 통합 피드입니다. 주제별로 나뉜 피드는 /docs, /domain, /blog 아래에 그대로 있습니다. Tue, 13 Oct 2026 00:00:00 GMT https://validator.w3.org/feed/docs/rss2.html ko https://blog.wonkooklee.com/blog/20261013_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20261013_01/ Tue, 13 Oct 2026 00:00:00 GMT 회고와 기록 if(kakao)26 첫날의 키노트와 파이어사이드 챗을 듣고, 카카오가 AI로 가려는 방향과 그 배경, AI와 함께 일하는 개발자에게 주는 함의를 정리합니다. https://blog.wonkooklee.com/docs/network-and-security/email-sender-authentication/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/network-and-security/email-sender-authentication/ Thu, 01 Oct 2026 00:00:00 GMT TechLog 블로그 구독 메일을 붙이며 살펴본 이메일 발신자 인증 구조입니다. SPF·DKIM과 From 주소를 연결하는 DMARC, 정책과 보고서, BIMI의 역할을 정리합니다. https://blog.wonkooklee.com/docs/software-design-and-theory/tenancy-fundamentals/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/tenancy-fundamentals/ Thu, 24 Sep 2026 00:00:00 GMT TechLog 테넌트와 테넌시의 뜻부터 싱글테넌시·멀티테넌시의 차이까지 설명합니다. 문서 협업 서비스를 예로 자원 공유, 데이터 격리, 권한과 DB 분리 방식을 살펴봅니다. https://blog.wonkooklee.com/blog/20260922_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260922_01/ Tue, 22 Sep 2026 00:00:00 GMT 회고와 기록 AI 도구와 업무 방식이 바뀌며 개발자가 느끼는 불안을 살펴봅니다. FOMO와 정체성 위협, 숙련 저하에 관한 연구를 읽고 개인과 조직의 적응 방식을 정리합니다. https://blog.wonkooklee.com/docs/service-development-insights/blog-as-a-small-web-service/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/blog-as-a-small-web-service/ Sat, 19 Sep 2026 00:00:00 GMT TechLog 개인 블로그를 운영하며 겪은 기술 문제와 해결 경험을 정리합니다. 콘텐츠 관리, 빌드·배포, 보안과 성능 등 열 개 영역을 통해 작은 서비스에서 배울 수 있는 일을 살펴봅니다. https://blog.wonkooklee.com/docs/software-design-and-theory/message-queue-fundamentals/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/message-queue-fundamentals/ Thu, 17 Sep 2026 00:00:00 GMT TechLog 메시지를 처리한 뒤 삭제하는 큐와 기록을 보관하는 로그의 차이를 설명합니다. 중복 전달과 멱등성, 순서 보장, 처리 지연을 기준으로 메시지 큐를 비교합니다. https://blog.wonkooklee.com/blog/20260913_02/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260913_02/ Sun, 13 Sep 2026 12:00:00 GMT 회고와 기록 AI 에이전트가 소프트웨어 개발을 바꾼다는 논문을 계기로 엔지니어의 역할을 돌아봅니다. 자동화의 역사와 생산성 연구를 함께 살펴보고, 앞으로도 지키고 싶은 일의 가치를 생각합니다. https://blog.wonkooklee.com/blog/20260913_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260913_01/ Sun, 13 Sep 2026 00:00:00 GMT 회고와 기록 ChatGPT와 Claude로 오래된 디자인 작업 세 개를 웹으로 옮겼습니다. 밤늦게까지 원하는 표현을 다듬으며 오랜만에 만드는 즐거움에 빠졌습니다. https://blog.wonkooklee.com/docs/api-and-interfaces/browser-realtime/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/browser-realtime/ Tue, 08 Sep 2026 00:00:00 GMT TechLog 허용 지연과 통신 방향에 따라 폴링·SSE·WebSocket을 선택하고, 재연결과 상태 복구를 설계하는 방법을 설명합니다. 브라우저 백그라운드 실행의 한계도 다룹니다. https://blog.wonkooklee.com/blog/20260908_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260908_01/ Tue, 08 Sep 2026 00:00:00 GMT 회고와 기록 출근길 바나프레소에서 커피를 받을 때마다 운세 스티커를 확인합니다. 믿지도 않는 운세를 왜 매일 읽는지, 작은 궁금증과 재미에 관한 연구를 찾아봤습니다. https://blog.wonkooklee.com/domain/privacy/entrust-or-provide/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/privacy/entrust-or-provide/ Sun, 30 Aug 2026 00:00:00 GMT 업무 도메인 개인정보 위탁과 제3자 제공을 처리 목적과 업무 관계에 따라 구분합니다. 각각의 처리 근거·계약·공개 의무와 외부 도구·해외 서버 이용 시 확인할 국외 이전 요건을 정리합니다. https://blog.wonkooklee.com/domain/privacy/pseudonymization-and-ai/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/privacy/pseudonymization-and-ai/ Sun, 30 Aug 2026 00:00:00 GMT 업무 도메인 가명정보를 동의 없이 처리할 수 있는 목적과 과학적 연구의 범위를 정리합니다. AI 학습에 적용할 조건과 안전조치, 정보주체 권리의 적용 범위도 살펴봅니다. https://blog.wonkooklee.com/domain/privacy/what-is-personal-data/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/privacy/what-is-personal-data/ Sun, 30 Aug 2026 00:00:00 GMT 업무 도메인 사번·IP 주소·해시값이 개인정보에 해당하는지 판단할 기준을 살펴봅니다. 식별 가능성과 다른 정보와의 결합 가능성, 가명정보와 익명정보의 차이를 정리합니다. https://blog.wonkooklee.com/blog/20260830_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260830_01/ Sun, 30 Aug 2026 00:00:00 GMT 회고와 기록 AI로 결과물을 먼저 만든 뒤 질문하고 직접 설명하며 배우는 ‘생성 후 이해’를 소개합니다. 실무와 글쓰기 경험을 통해 이 학습 방식의 이점과 검증 책임을 돌아봅니다. https://blog.wonkooklee.com/blog/20260824_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260824_01/ Mon, 24 Aug 2026 00:00:00 GMT 회고와 기록 화면에서 시작한 문제가 데이터 모델과 제품 정책까지 이어졌습니다. 프론트엔드 개발자가 직군의 경계를 넘어 문제를 해결할 때 필요한 책임을 생각합니다. https://blog.wonkooklee.com/docs/network-and-security/oauth-oidc-auth-architecture/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/network-and-security/oauth-oidc-auth-architecture/ Sat, 22 Aug 2026 00:00:00 GMT TechLog 세션과 OAuth·OIDC 기반의 웹 인증 구조를 살펴봅니다. 토큰을 누가 사용하고 어디에 보관하는지, PKCE와 BFF가 어떤 역할을 하는지 설명합니다. https://blog.wonkooklee.com/docs/database/zero-downtime-migration/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/database/zero-downtime-migration/ Mon, 17 Aug 2026 00:00:00 GMT TechLog MySQL INSTANT DDL과 데이터 백필의 차이를 살펴봅니다. 기본값이 기존 행에 미치는 영향과 expand-contract 방식으로 무중단 전환을 준비하는 과정을 설명합니다. https://blog.wonkooklee.com/blog/20260816_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260816_01/ Sun, 16 Aug 2026 00:00:00 GMT 회고와 기록 레블 1100 MT 출고 1년을 맞아 블로그에 오토바이 미니게임을 만들었습니다. 인스타그램에서 얻은 아이디어를 GPT와 나노바나나로 구현하고 다듬은 과정입니다. https://blog.wonkooklee.com/docs/computing-background-knowledge/string-implicit-contract/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/computing-background-knowledge/string-implicit-contract/ Sat, 15 Aug 2026 00:00:00 GMT TechLog 유니코드 정규화로 문자열을 비교하고, 길이를 세는 단위에 따라 결과가 달라지는 이유를 설명합니다. 한글과 이모지 예제, IME 조합 중 입력 처리도 다룹니다. https://blog.wonkooklee.com/domain/payments/sales-to-books/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/sales-to-books/ Wed, 12 Aug 2026 00:00:00 GMT 업무 도메인 카드 매출전표의 증빙 요건과 부가세·발행세액공제를 정리합니다. 매출 인식과 입금 시점의 차이, 미수금·수수료 분개, 구매자 소득공제까지 거래 한 건으로 살펴봅니다. https://blog.wonkooklee.com/docs/software-design-and-theory/whose-response-is-this/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/whose-response-is-this/ Tue, 11 Aug 2026 00:00:00 GMT TechLog SSE·WebSocket·postMessage에서 요청과 응답을 상관키로 연결하는 방법을 설명합니다. 요청을 하나씩 처리하는 큐의 한계와 타임아웃·지연 응답 문제를 실행 예제로 확인합니다. https://blog.wonkooklee.com/domain/payments/billing-key/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/billing-key/ Sun, 09 Aug 2026 00:00:00 GMT 업무 도메인 원본 카드정보를 가맹점에 보관하지 않고 빌링키로 정기결제를 요청하는 구조를 설명합니다. 카드정보와 CVC의 보관 규칙, 최초 인증, 서버 승인 확인과 청구 관리도 다룹니다. https://blog.wonkooklee.com/domain/payments/merchant-fee/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/merchant-fee/ Sat, 01 Aug 2026 00:00:00 GMT 업무 도메인 카드 가맹점수수료의 구성과 우대수수료율을 정리합니다. PG 이용료, 수수료를 고객에게 전가할 수 없는 이유, 대금 지급 조건을 결제 예시로 살펴봅니다. https://blog.wonkooklee.com/domain/payments/cancel-and-network-cancel/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/cancel-and-network-cancel/ Tue, 28 Jul 2026 00:00:00 GMT 업무 도메인 매입 전후의 승인취소·매출취소와 망취소·부분취소를 구분합니다. 승인 결과가 불확실할 때의 확인 절차, 멱등키와 잔액 검증, 취소 이력 관리 방법을 살펴봅니다. https://blog.wonkooklee.com/domain/payments/pg-and-van/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/pg-and-van/ Wed, 22 Jul 2026 00:00:00 GMT 업무 도메인 PG와 VAN의 업무·등록 근거, 대표가맹점과 하위가맹점 구조를 비교합니다. 카드사 가맹점번호·PG 상점아이디·단말기번호의 차이와 간편결제의 법적 분류도 다룹니다. https://blog.wonkooklee.com/domain/payments/authorization-to-settlement/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payments/authorization-to-settlement/ Fri, 17 Jul 2026 00:00:00 GMT 업무 도메인 신용카드 승인부터 매입·정산·가맹점 입금까지의 흐름을 정리합니다. 카드사·VAN·PG의 역할을 살펴보고, 한 거래에 여러 번호와 날짜가 붙는 이유를 설명합니다. https://blog.wonkooklee.com/domain/accounting/spending-to-journal/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/accounting/spending-to-journal/ Thu, 16 Jul 2026 00:00:00 GMT 업무 도메인 지출을 차변·대변으로 나누어 전표에 기록하는 과정을 설명합니다. 복식부기와 계정과목, 부가세 처리, 적격증빙의 요건을 사무용품 구매 예시로 살펴봅니다. https://blog.wonkooklee.com/docs/database/database-fundamentals/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/database/database-fundamentals/ Sun, 12 Jul 2026 00:00:00 GMT TechLog 테이블과 키, SQL부터 정규화·트랜잭션·인덱스까지 데이터베이스의 기본 개념을 설명합니다. 간단한 쿼리 예제로 개념을 연결하고, NoSQL과 데이터 분산 방식도 살펴봅니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/spring-for-frontend-developers/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/spring-for-frontend-developers/ Sun, 12 Jul 2026 00:00:00 GMT TechLog Spring Bean과 의존성 주입을 React·TypeScript의 개념과 비교합니다. 웹 요청 처리와 DB 조회, 트랜잭션이 스프링에서 어떻게 이어지는지 설명합니다. https://blog.wonkooklee.com/domain/payroll/year-end/mid-year-leaver/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/mid-year-leaver/ Fri, 03 Jul 2026 00:00:00 GMT 업무 도메인 중도퇴사 시 회사의 연말정산과 같은 해 재취업했을 때의 합산 정산을 설명합니다. 누락 공제를 5월 신고로 반영하는 방법과 근무기간에 해당하는 지출 요건도 정리합니다. https://blog.wonkooklee.com/domain/payroll/retirement/interim-settlement/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/retirement/interim-settlement/ Thu, 02 Jul 2026 00:00:00 GMT 업무 도메인 퇴직금 중간정산의 법정 사유와 DC형 퇴직연금 중도인출의 차이를 정리합니다. 중간정산 후 근속기간 계산과 퇴직소득세 합산 정산도 함께 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/year-end/venture-investment/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/venture-investment/ Wed, 01 Jul 2026 00:00:00 GMT 업무 도메인 벤처투자 방식에 따라 달라지는 소득공제율과 한도를 정리합니다. 일반 벤처투자조합 출자와 적격 엔젤투자를 구분하고, 공제 시기 선택과 조기 회수 시 추징도 살펴봅니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/be-toolbox-for-fe/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/be-toolbox-for-fe/ Tue, 30 Jun 2026 00:00:00 GMT TechLog Gradle·ktlint·detekt를 프론트엔드의 빌드 도구·포매터·린터와 비교합니다. 테스트, DB 마이그레이션, 코드 생성 도구의 역할과 FE 도구에 비유할 때의 차이도 짚습니다. https://blog.wonkooklee.com/docs/database/db-schema-version-control/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/database/db-schema-version-control/ Mon, 29 Jun 2026 00:00:00 GMT TechLog Liquibase·Flyway로 스키마 변경 이력을 관리하고 기존 DB에 기준선을 잡는 방법을 설명합니다. 스키마 마이그레이션과 데이터 변경 이력을 남기는 audit 테이블의 역할도 구분합니다. https://blog.wonkooklee.com/docs/database/column-or-json-column/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/database/column-or-json-column/ Sun, 28 Jun 2026 00:00:00 GMT TechLog 개별 컬럼과 JSON 컬럼을 선택할 기준을 살펴봅니다. 쿼리와 제약조건, 데이터 노출 범위, 기존 데이터를 채우는 비용을 비교합니다. https://blog.wonkooklee.com/domain/payroll/retirement/severance-system/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/retirement/severance-system/ Sun, 28 Jun 2026 00:00:00 GMT 업무 도메인 퇴직금과 퇴직연금 DB·DC형의 지급·적립 방식을 비교합니다. 적용 대상, 평균임금과 부담금 계산, 운용 책임, 임금 상승과 투자 수익률에 따른 차이를 정리합니다. https://blog.wonkooklee.com/docs/api-and-interfaces/patch-null-ambiguity/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/patch-null-ambiguity/ Sat, 27 Jun 2026 00:00:00 GMT TechLog 부분 수정 API에서 필드 생략과 null을 어떻게 해석할지 정리합니다. JSON Merge Patch와 JSON Patch를 비교하고, 수정할 필드를 지정하는 방식과 검증 예제를 다룹니다. https://blog.wonkooklee.com/blog/20260627_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260627_01/ Sat, 27 Jun 2026 00:00:00 GMT 회고와 기록 현장에서 문제를 발견하고 해결하는 FDE의 역할을 살펴봅니다. 구현에 드는 수고가 줄어드는 시대에, 무엇을 만들지 판단하는 능력이 왜 중요해지는지 생각합니다. https://blog.wonkooklee.com/docs/api-and-interfaces/model-vs-response/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/model-vs-response/ Fri, 26 Jun 2026 00:00:00 GMT TechLog API 응답과 도메인 모델을 분리할 때 얻는 이점과 매핑 비용을 비교합니다. 계층별 DTO 구성, 응답의 중첩 구조, 인터페이스로 필드 누락을 줄이는 방법을 다룹니다. https://blog.wonkooklee.com/domain/payroll/retirement/retirement-income-tax/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/retirement/retirement-income-tax/ Fri, 26 Jun 2026 00:00:00 GMT 업무 도메인 퇴직소득세를 근속연수와 공제액에 따라 계산하는 과정을 예제로 살펴봅니다. 근로소득과 따로 과세하는 이유와 IRP로 옮겼을 때의 과세이연도 설명합니다. https://blog.wonkooklee.com/docs/api-and-interfaces/who-calls-this-api/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/who-calls-this-api/ Thu, 25 Jun 2026 00:00:00 GMT TechLog 호출자에 따라 API를 퍼블릭·오퍼레이션·인터널로 구분하는 설계 사례를 살펴봅니다. 각 API의 권한 처리와 도메인 간 호출에서 책임을 나누는 기준을 설명합니다. https://blog.wonkooklee.com/docs/software-design-and-theory/where-logic-lives/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/where-logic-lives/ Wed, 24 Jun 2026 00:00:00 GMT TechLog 검증과 권한 로직을 모델·서비스·컨트롤러 중 어디에 둘지 살펴봅니다. rich·anemic 도메인 모델을 비교하고, 도메인 서비스와 애플리케이션 서비스의 책임을 구분합니다. https://blog.wonkooklee.com/domain/payroll/year-end/monthly-rent/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/monthly-rent/ Wed, 24 Jun 2026 00:00:00 GMT 업무 도메인 월세 세액공제의 무주택·소득·주택 요건과 공제 한도·공제율을 정리합니다. 임대차계약·주소·납부 증빙을 확인하고, 실제 세금 감소액을 예시로 살펴봅니다. https://blog.wonkooklee.com/docs/software-design-and-theory/inbound-outbound-and-dip/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/inbound-outbound-and-dip/ Tue, 23 Jun 2026 00:00:00 GMT TechLog 호출 방향을 기준으로 인바운드·아웃바운드 어댑터를 구분합니다. 이벤트 리스너와 fetch, props 콜백을 예로 호출 방향과 코드 의존성의 차이를 설명합니다. https://blog.wonkooklee.com/docs/software-design-and-theory/pure-domain-model/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/pure-domain-model/ Mon, 22 Jun 2026 00:00:00 GMT TechLog 헥사고날 아키텍처에서 도메인 모델을 DB와 프레임워크로부터 분리하는 이유를 설명합니다. React에 비유해 포트·어댑터를 이해하고, 코드 의존성을 제한하는 방법을 살펴봅니다. https://blog.wonkooklee.com/blog/20260620_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260620_01/ Sat, 20 Jun 2026 00:00:00 GMT 회고와 기록 AI가 만든 코드의 검증을 동료에게 떠넘기거나, 대안 없이 리뷰를 없애려는 태도를 돌아봅니다. 생성 속도가 빨라져도 작성자가 책임져야 할 일을 생각합니다. https://blog.wonkooklee.com/domain/attendance/overtime-in-salary/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/overtime-in-salary/ Fri, 19 Jun 2026 00:00:00 GMT 업무 도메인 포괄임금 약정의 성립·유효 요건과 고정OT계약의 차이를 판례와 함께 살펴봅니다. 실제 근로시간에 따른 수당, 약정액을 초과한 차액, 근로시간 제한도 구분합니다. https://blog.wonkooklee.com/domain/payroll/year-end/pension-account/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/pension-account/ Fri, 19 Jun 2026 00:00:00 GMT 업무 도메인 연금저축·IRP 납입액의 세액공제 한도와 소득별 공제율을 정리합니다. 공제액과 실제 환급액의 차이, 노후 연금 수령과 중도해지 때의 과세도 살펴봅니다. https://blog.wonkooklee.com/blog/20260618_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20260618_01/ Thu, 18 Jun 2026 00:00:00 GMT 회고와 기록 좋은 설계를 아는 것과 지금 그것을 만들어야 한다는 판단은 다른 문제입니다. 품질의 우선순위와 완벽함의 함정, AI가 코드를 잘 만드는 시대에 사람에게 남는 판단을 이야기합니다. https://blog.wonkooklee.com/domain/payroll/income-tax/student-loan-repayment/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/income-tax/student-loan-repayment/ Wed, 17 Jun 2026 00:00:00 GMT 업무 도메인 취업 후 학자금 상환제에서 소득에 따라 의무상환액을 정하는 방식을 설명합니다. 회사가 급여에서 상환액을 원천공제하고 납부하는 과정도 살펴봅니다. https://blog.wonkooklee.com/docs/network-and-security/web-security-mental-models/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/network-and-security/web-security-mental-models/ Sat, 13 Jun 2026 00:00:00 GMT TechLog XSS가 발생하는 원인과 CSP로 스크립트 실행을 제한하는 방법을 설명합니다. nonce·hash와 Report-Only 설정, CORS·CSRF와의 차이를 정리합니다. https://blog.wonkooklee.com/domain/attendance/attendance-to-pay/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/attendance-to-pay/ Fri, 12 Jun 2026 00:00:00 GMT 업무 도메인 연장·야간·휴일근로수당을 통상시급과 가산율로 계산합니다. 연차 미사용 수당, 보상휴가의 환산 방법, 사전에 근무일을 바꾸는 휴일대체와의 차이도 정리합니다. https://blog.wonkooklee.com/domain/payroll/year-end/special-tax-credit/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/special-tax-credit/ Fri, 12 Jun 2026 00:00:00 GMT 업무 도메인 의료비·교육비·기부금 세액공제의 대상과 공제율·한도를 정리합니다. 의료비의 총급여 3% 기준과 실손보험금 차감, 맞벌이 부부의 실제 지출자와 부양가족 요건도 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/income-tax/religious-income/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/income-tax/religious-income/ Wed, 10 Jun 2026 00:00:00 GMT 업무 도메인 종교인소득을 근로소득 또는 기타소득으로 신고할 때의 차이를 설명합니다. 신고 방식에 따른 세금 계산과 필요경비, 원천징수·연말정산을 살펴봅니다. https://blog.wonkooklee.com/domain/attendance/annual-leave-lifecycle/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/annual-leave-lifecycle/ Fri, 05 Jun 2026 00:00:00 GMT 업무 도메인 연차휴가의 발생 일수와 사용 기한, 미사용 수당을 정리합니다. 입사일·회계연도 기준의 차이와 퇴사 시 정산, 적법한 연차 사용촉진의 요건을 함께 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/year-end/credit-card-deduction/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/credit-card-deduction/ Fri, 05 Jun 2026 00:00:00 GMT 업무 도메인 총급여의 25%를 넘는 카드 등 사용액에 적용되는 소득공제를 정리합니다. 결제수단별 공제율과 한도, 연간 신용·체크카드 사용액 조합에 따른 차이를 계산해 봅니다. https://blog.wonkooklee.com/domain/payroll/special/foreign-worker/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/special/foreign-worker/ Wed, 03 Jun 2026 00:00:00 GMT 업무 도메인 외국인 근로자의 거주자·비거주자 구분과 19% 단일세율 특례를 정리합니다. 일반 과세와의 비교, 지방소득세, 외국법인 파견근로자의 원천징수와 연말정산도 다룹니다. https://blog.wonkooklee.com/domain/attendance/work-and-worker-types/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/work-and-worker-types/ Fri, 29 May 2026 00:00:00 GMT 업무 도메인 근로시간제와 근로자 유형, 사업장 규모에 따라 근로시간과 수당 기준이 어떻게 달라지는지 살펴봅니다. 유연근로제와 교대근무, 단시간근로자의 사례를 비교합니다. https://blog.wonkooklee.com/domain/payroll/special/stock-option/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/special/stock-option/ Wed, 27 May 2026 00:00:00 GMT 업무 도메인 스톡옵션 행사이익에 세금이 붙는 시점과 계산 방식을 설명합니다. 벤처기업에 적용되는 비과세·분할납부·양도소득세 과세 특례도 살펴봅니다. https://blog.wonkooklee.com/domain/attendance/how-many-hours/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/how-many-hours/ Fri, 22 May 2026 00:00:00 GMT 업무 도메인 소정·법정·목표 근로시간의 차이를 정리합니다. 일반 근로시간제를 기준으로 연장·야간·휴일근로와 휴게시간을 구분하고, 한 주의 초과근로를 계산해 봅니다. https://blog.wonkooklee.com/domain/payroll/special/sme-tax-reduction/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/special/sme-tax-reduction/ Wed, 20 May 2026 00:00:00 GMT 업무 도메인 중소기업 취업자 소득세 감면의 대상과 업종, 감면율·기간·연간 한도를 정리합니다. 청년 등의 자격 요건, 신청 절차와 뒤늦게 신청할 때의 처리를 살펴봅니다. https://blog.wonkooklee.com/docs/software-design-and-theory/what-is-etl/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/what-is-etl/ Sat, 16 May 2026 00:00:00 GMT TechLog 데이터 마이그레이션 경험에서 출발해 ETL의 추출·변환·적재 단계와 검증, 실패 후 재실행, ELT와의 차이를 정리합니다. https://blog.wonkooklee.com/domain/attendance/work-day-or-holiday/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/attendance/work-day-or-holiday/ Fri, 15 May 2026 00:00:00 GMT 업무 도메인 소정근로일·주휴일·공휴일·휴무일·휴가의 차이를 정리합니다. 휴일 여부와 유급·무급 여부를 구분하고, 날짜의 성격이 근로시간과 수당 계산에 미치는 영향을 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/year-end/personal-deductions/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/personal-deductions/ Wed, 13 May 2026 00:00:00 GMT 업무 도메인 인적공제와 자녀세액공제의 요건·금액을 정리합니다. 부양가족의 소득과 나이 기준, 맞벌이 부부의 중복공제 주의점을 살펴보고 4인 가구 예제로 계산합니다. https://blog.wonkooklee.com/domain/payroll/year-end/settlement-flow/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/year-end/settlement-flow/ Fri, 08 May 2026 00:00:00 GMT 업무 도메인 연말정산은 매달 원천징수한 세금과 1년 치 결정세액을 비교해 환급·추가납부를 정하는 절차입니다. 계산 흐름과 간소화 자료 확인, 누락 공제의 경정청구를 정리합니다. https://blog.wonkooklee.com/domain/payroll/social-insurance/annual-report/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/social-insurance/annual-report/ Fri, 01 May 2026 00:00:00 GMT 업무 도메인 건강보험·고용보험·산재보험을 실제 보수에 맞춰 정산하는 이유를 설명합니다. 보수총액 신고·통보 기한, 정산 보험료의 분할납부와 미신고 시 불이익을 정리합니다. https://blog.wonkooklee.com/domain/payroll/social-insurance/leave-and-resignation/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/social-insurance/leave-and-resignation/ Fri, 24 Apr 2026 00:00:00 GMT 업무 도메인 휴직 중 국민연금 납부예외와 건강보험 고지유예·경감을 구분합니다. 복직 후 처리, 퇴직정산과 자격상실, 퇴사일에 따른 월 보험료 부과도 보험별로 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/social-insurance/health-insurance/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/social-insurance/health-insurance/ Fri, 17 Apr 2026 00:00:00 GMT 업무 도메인 직장가입자의 보수월액보험료와 보수 외 소득월액보험료를 구분합니다. 소득별 반영 비율과 산정 기준, 피부양자 요건, 보수총액에 따른 연말정산을 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/social-insurance/four-insurances/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/social-insurance/four-insurances/ Fri, 10 Apr 2026 00:00:00 GMT 업무 도메인 국민연금·건강보험·고용보험·산재보험의 목적과 가입 기준, 2026년 요율을 정리합니다. 근로자와 사업주의 부담 비율, 급여 공제 예시, 두루누리 지원도 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/income-tax/income-types/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/income-tax/income-types/ Fri, 03 Apr 2026 00:00:00 GMT 업무 도메인 근로·사업·기타소득을 구분하는 기준과 원천징수·정산 방식의 차이를 설명합니다. 프리랜서 보수와 강연료를 예로 소득의 종류에 따라 세금이 달라지는 이유를 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/basics/non-taxable-income/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/basics/non-taxable-income/ Fri, 27 Mar 2026 00:00:00 GMT 업무 도메인 식대·자가운전보조금 등 비과세 급여의 요건과 한도를 정리합니다. 소득세 계산에서 제외되는 이유와 사회보험료·실수령액에 미치는 영향을 함께 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/income-tax/income-tax-calculation/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/income-tax/income-tax-calculation/ Fri, 20 Mar 2026 00:00:00 GMT 업무 도메인 총급여에서 공제를 빼고 세율을 적용해 근로소득세를 구하는 과정을 설명합니다. 과세표준과 결정세액의 의미, 소득공제와 세액공제의 차이를 계산 예제로 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/basics/regular-wage/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/basics/regular-wage/ Mon, 16 Mar 2026 00:00:00 GMT 업무 도메인 연장·야간·휴일근로수당의 기준인 통상임금을 정리합니다. 통상시급과 월 209시간의 계산 조건, 2024년 대법원 판결로 달라진 판단 기준, 평균임금과의 관계를 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/income-tax/withholding/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/income-tax/withholding/ Fri, 13 Mar 2026 00:00:00 GMT 업무 도메인 회사가 매달 급여에서 소득세를 원천징수하는 구조를 설명합니다. 간이세액표와 상여금 계산, 세금 납부 기한과 가산세를 살펴봅니다. https://blog.wonkooklee.com/domain/payroll/basics/payslip-pipeline/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/domain/payroll/basics/payslip-pipeline/ Fri, 06 Mar 2026 00:00:00 GMT 업무 도메인 급여명세서의 지급 항목과 세금·사회보험 공제, 실수령액 계산을 정리합니다. 비과세 급여와 통상임금, 매달의 원천징수와 연말정산이 어떻게 연결되는지 살펴봅니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/react-query-cache-internals/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/react-query-cache-internals/ Mon, 17 Nov 2025 00:00:00 GMT TechLog TanStack Query가 쿼리 키로 캐시를 찾는 과정을 소스 코드로 살펴봅니다. 키의 직렬화와 부분 매칭, 데이터 갱신과 하이드레이션에서 주의할 점을 정리합니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/what-not-to-put-in-state/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/what-not-to-put-in-state/ Mon, 20 Oct 2025 00:00:00 GMT TechLog React에서 별도로 저장할 필요가 없는 상태를 구분합니다. 최신 값 읽기, 파생 값 계산, Effect의 연쇄 실행 예제로 상태를 줄이는 기준을 살펴봅니다. https://blog.wonkooklee.com/docs/service-development-insights/seo-lessons-from-this-blog/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/seo-lessons-from-this-blog/ Sun, 14 Sep 2025 00:00:00 GMT TechLog Docusaurus 블로그의 URL을 통일하고 검색에 노출할 페이지를 고른 경험을 정리합니다. 메타데이터와 구조화 데이터, Search Console에서 확인한 문제도 다룹니다. https://blog.wonkooklee.com/docs/trouble-shooting/webview-funnel-history-stack/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/trouble-shooting/webview-funnel-history-stack/ Wed, 03 Sep 2025 00:00:00 GMT TechLog 웹뷰에서 뒤로가기를 한 번 눌렀는데 두 단계 이동하던 원인을 추적합니다. 웹과 네이티브 중 누가 뒤로가기를 실행할지 정하고 탐색 상태를 복원하는 방법을 설명합니다. https://blog.wonkooklee.com/docs/computing-background-knowledge/browser-session-history/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/computing-background-knowledge/browser-session-history/ Tue, 12 Aug 2025 00:00:00 GMT TechLog 브라우저가 방문 기록을 추가·교체하고 이전 기록으로 이동하는 방식을 설명합니다. SPA 라우터가 그 기록을 화면으로 복원하는 과정도 살펴봅니다. https://blog.wonkooklee.com/docs/api-and-interfaces/time-in-api-contracts/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/time-in-api-contracts/ Wed, 30 Jul 2025 00:00:00 GMT TechLog API에서 절대시각, 날짜, 지역 기준의 미래 일정을 어떻게 구분할지 살펴봅니다. 각 값의 의미에 맞는 DB 타입과 Temporal 사용법을 정리합니다. https://blog.wonkooklee.com/docs/programming-languages/javascript-date-pitfalls/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/javascript-date-pitfalls/ Wed, 09 Jul 2025 00:00:00 GMT TechLog JavaScript Date가 문자열을 해석하고 날짜를 출력·계산하는 규칙을 살펴봅니다. 타임존에 따른 차이와 Intl 사용법, SSR 하이드레이션 문제를 정리합니다. https://blog.wonkooklee.com/docs/computing-background-knowledge/absolute-time-and-wall-clock/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/computing-background-knowledge/absolute-time-and-wall-clock/ Tue, 24 Jun 2025 00:00:00 GMT TechLog 절대시각과 지역 시각, 기간을 구분합니다. UTC와 오프셋, 타임존이 맡는 역할과 시간대 규칙을 담은 IANA tzdb를 살펴봅니다. https://blog.wonkooklee.com/docs/programming-languages/async-error-boundaries-and-abortcontroller/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/async-error-boundaries-and-abortcontroller/ Wed, 21 May 2025 00:00:00 GMT TechLog 브라우저와 Node.js에서 처리되지 않은 예외·Promise 거부가 보고되는 경로를 설명합니다. AbortController의 취소를 정상 흐름과 실제 장애로 구분하는 기준도 정리합니다. https://blog.wonkooklee.com/docs/software-design-and-theory/make-illegal-states-unrepresentable/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/make-illegal-states-unrepresentable/ Tue, 08 Apr 2025 00:00:00 GMT TechLog TypeScript의 태그 유니온과 브랜디드 타입으로 잘못된 상태를 줄이는 방법을 설명합니다. 입력 검증 결과를 타입에 담는 설계와 적용 범위를 예제로 살펴봅니다. https://blog.wonkooklee.com/blog/20250205_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20250205_01/ Wed, 05 Feb 2025 00:00:00 GMT 회고와 기록 이직 후 너무 쉽게 그만두었던 선택을 돌아봅니다. ‘군자는 자기에게서 구하고 소인은 남에게서 구한다’는 논어의 구절을 통해 문제를 대하는 태도를 생각합니다. https://blog.wonkooklee.com/blog/20250203_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20250203_01/ Mon, 03 Feb 2025 00:00:00 GMT 회고와 기록 9일간의 설 연휴에 세운 OKR의 달성률을 돌아봅니다. 개인 블로그 구축과 기존 글 이관, SEO 설정 등 목표별로 해낸 일과 남은 일을 정리했습니다. https://blog.wonkooklee.com/docs/industry-trends-and-new-technologies/deepseek-chatbot-as-vscode-extension/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/industry-trends-and-new-technologies/deepseek-chatbot-as-vscode-extension/ Sun, 02 Feb 2025 00:00:00 GMT TechLog Ollama로 로컬에서 실행한 DeepSeek에 연결하는 VS Code 확장 프로그램을 만듭니다. Fireship 영상의 예제를 따라 채팅 화면과 API 요청을 구현한 기록입니다. https://blog.wonkooklee.com/blog/20250201_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20250201_01/ Sat, 01 Feb 2025 00:00:00 GMT 회고와 기록 국내외 기업의 기술 블로그를 한곳에 모았습니다. 링크드인에서 저장해 둔 목록의 단축 URL을 원본 주소로 바꾸고, 복사하기 편한 마크다운 형식도 함께 제공합니다. https://blog.wonkooklee.com/blog/20250128_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20250128_01/ Tue, 28 Jan 2025 00:00:00 GMT 회고와 기록 클래식 피아노를 다시 시작하고 1년 동안 연주한 곡들을 모았습니다. 쇼팽의 왈츠와 녹턴, 풀랑크의 즉흥곡, 리스트의 사랑의 꿈을 소개합니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/tailwindcss-4/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/tailwindcss-4/ Sun, 26 Jan 2025 00:00:00 GMT TechLog Tailwind CSS 4.0의 CSS 기반 설정, 자동 콘텐츠 감지, Vite 통합을 살펴봅니다. 테마 변수와 동적 유틸리티, 컨테이너 쿼리 등 새 기능을 코드 예제로 정리합니다. https://blog.wonkooklee.com/blog/20250126_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20250126_01/ Sun, 26 Jan 2025 00:00:00 GMT 회고와 기록 Docusaurus와 Netlify로 개인 블로그를 만들었습니다. 기존 플랫폼을 떠나 직접 운영하는 공간을 갖고 싶었던 이유와 구축에 쓴 도구들을 소개합니다. https://blog.wonkooklee.com/docs/network-and-security/why-authorization-bearer/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/network-and-security/why-authorization-bearer/ Tue, 21 Jan 2025 00:00:00 GMT TechLog Authorization 헤더의 Bearer가 뜻하는 인증 방식과 JWT라는 토큰 형식의 차이를 설명합니다. Basic·Digest와 비교하고, Bearer 토큰 유출 시 생기는 위험을 짚습니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/upstream-dependency-conflict/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/upstream-dependency-conflict/ Sat, 18 Jan 2025 00:00:00 GMT TechLog npm의 peer dependency 충돌에서 --force와 --legacy-peer-deps가 각각 무엇을 허용하거나 무시하는지 비교합니다. 설치 성공이 실제 호환성을 보장하지 않는 이유도 설명합니다. https://blog.wonkooklee.com/docs/data-format/svg-in-web/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/data-format/svg-in-web/ Wed, 15 Jan 2025 00:00:00 GMT TechLog SVG를 img·CSS 배경·인라인·스프라이트로 사용하는 방식을 비교합니다. SVGO로 최적화하고, SVGR로 React 컴포넌트를 만들며 자산을 관리하는 방법을 정리합니다. https://blog.wonkooklee.com/blog/20241201_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20241201_01/ Sun, 01 Dec 2024 00:00:00 GMT 회고와 기록 안주하지 않고 계속 배우고 싶어 적어 둔 짧은 메모입니다. 익숙한 지식과 경험을 의심하고, 제품을 만드는 사람으로서 성장을 이어가자는 말들을 모았습니다. https://blog.wonkooklee.com/blog/20241121_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20241121_01/ Thu, 21 Nov 2024 00:00:00 GMT 회고와 기록 헌터커브 125cc로 떠난 2박 3일 동해안 라이딩. 이직을 앞두고 한적한 평일, 늦은 가을 풍경 속을 달린 여행 기록입니다. https://blog.wonkooklee.com/blog/20241101_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20241101_01/ Fri, 01 Nov 2024 00:00:00 GMT 회고와 기록 2024 토스 NEXT 코딩테스트에 참여한 후기입니다. 2시간 30분 동안 42문제 중 풀 수 있는 문제를 골랐던 경험과 시간 배분에 대한 생각을 정리했습니다. https://blog.wonkooklee.com/blog/20241023_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20241023_01/ Wed, 23 Oct 2024 00:00:00 GMT 회고와 기록 회사에서 만든 코드와 문서를 개인 소유물처럼 대하지는 않았는지 돌아봅니다. 팀의 목표를 위해 지식과 경험을 나누는 태도, 산출물에 대한 책임을 생각합니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/anatomy-of-shadcn-ui/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/anatomy-of-shadcn-ui/ Fri, 18 Oct 2024 00:00:00 GMT TechLog shadcn/ui가 컴포넌트 소스 코드를 프로젝트에 복사해 사용하는 방식을 살펴봅니다. 원문 예제를 바탕으로 컴포넌트 구조와 Tailwind CSS 스타일링을 설명합니다. https://blog.wonkooklee.com/blog/20241015_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20241015_01/ Tue, 15 Oct 2024 00:00:00 GMT 회고와 기록 사내 해커톤에서 하루 만에 만든 WebGL 프로젝트 ‘캐시노트 타운’을 소개합니다. 3D 마을의 기획과 구현을 돌아보며 디자인과 개발 경험을 함께 쓰는 강점을 생각합니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/typescript-jsx-transpiling/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/typescript-jsx-transpiling/ Fri, 19 Jul 2024 00:00:00 GMT TechLog tsconfig의 다섯 가지 jsx 옵션과 각각의 변환 결과를 비교합니다. React.createElement를 호출하는 방식과 React 17에서 도입된 자동 JSX 런타임의 차이를 설명합니다. https://blog.wonkooklee.com/docs/service-development-insights/proactive-service-improvement/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/proactive-service-improvement/ Tue, 25 Jun 2024 00:00:00 GMT TechLog 캐시노트플러스의 페이지 이동과 가입 전환율을 개선한 사례입니다. Next.js 서버에서 이동 경로를 정하고, 클릭·스크롤 데이터를 바탕으로 UI를 바꾼 과정을 설명합니다. https://blog.wonkooklee.com/docs/deployment-and-operations-strategy/next-server-cdn-host/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/deployment-and-operations-strategy/next-server-cdn-host/ Thu, 11 Apr 2024 00:00:00 GMT TechLog Next.js 배포 후 정적 파일을 찾지 못해 화면이 하얗게 나오던 문제를 해결한 기록입니다. assetPrefix와 별도 CDN으로 이전 배포의 파일도 제공하도록 구성했습니다. https://blog.wonkooklee.com/docs/service-development-insights/joy-of-orderly-creation/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/joy-of-orderly-creation/ Wed, 24 Jan 2024 00:00:00 GMT TechLog 사내 도구와 서비스의 링크를 한곳에 모은 KCD Works를 만들었습니다. 아이콘과 분류로 자원을 찾기 쉽게 정리하며, 개인의 창작이 동료의 업무에 도움이 된 경험을 나눕니다. https://blog.wonkooklee.com/docs/service-development-insights/manage-nextjs-page-metadata/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/manage-nextjs-page-metadata/ Wed, 06 Dec 2023 00:00:00 GMT TechLog Next.js 페이지별 이름과 추적 설정을 JSON으로 관리하는 next-pathmap을 소개합니다. 페이지 파일을 읽어 목록을 만들고, 누락된 설정을 점검하는 과정을 설명합니다. https://blog.wonkooklee.com/docs/software-design-and-theory/software-cohesion-and-coupling/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/software-design-and-theory/software-cohesion-and-coupling/ Sat, 12 Aug 2023 00:00:00 GMT TechLog 응집도와 결합도의 종류를 구분하고, 프론트엔드 컴포넌트와 모듈 설계에 적용해봅니다. 상태 관리·의존성 주입·이벤트 버스가 코드 간 의존 관계에 미치는 영향을 예제로 살펴봅니다. https://blog.wonkooklee.com/docs/user-experience-user-interface/what-is-wai-aria/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/user-experience-user-interface/what-is-wai-aria/ Wed, 24 May 2023 00:00:00 GMT TechLog WAI-ARIA의 역할·상태·속성을 폼, 모달, 아코디언, 탭 예제로 설명합니다. 네이티브 HTML을 우선하고, ARIA 속성과 실제 키보드 동작을 함께 구현해야 하는 이유를 다룹니다. https://blog.wonkooklee.com/docs/trouble-shooting/thirdparty-script-race-issue/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/trouble-shooting/thirdparty-script-race-issue/ Mon, 22 May 2023 00:00:00 GMT TechLog GA·Meta Pixel의 초기화가 늦어 이벤트가 유실되는 원인을 살펴봅니다. 이벤트 큐와 스크립트 로드 방식, 캐싱 등 해결책을 비교하고 적용 조건을 설명합니다. https://blog.wonkooklee.com/docs/virtualization-and-cloud/automate-notion-page-by-lambda/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/virtualization-and-cloud/automate-notion-page-by-lambda/ Sun, 23 Apr 2023 00:00:00 GMT TechLog Notion API를 호출하는 Lambda 함수를 만들고, EventBridge 예약 규칙으로 매일 실행한 과정을 기록합니다. 페이지 템플릿 구성과 Terraform으로 AWS 자원을 배포하는 예제를 다룹니다. https://blog.wonkooklee.com/docs/service-development-insights/signiture-module-with-canvas-api/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/service-development-insights/signiture-module-with-canvas-api/ Thu, 13 Apr 2023 00:00:00 GMT TechLog Canvas API와 Broadcast Channel API를 활용하여 자필 서명 모듈을 개발한 경험과 구현 과정을 다룹니다. https://blog.wonkooklee.com/docs/coding-test/matrix-operations/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/coding-test/matrix-operations/ Sun, 19 Feb 2023 00:00:00 GMT TechLog 행렬의 종류와 전치, 덧셈·뺄셈·곱셈의 규칙을 정리합니다. 행렬 곱셈이 가능한 조건을 확인하고, JavaScript로 코딩 테스트 문제를 풀어봅니다. https://blog.wonkooklee.com/docs/programming-languages/javascript-map-instead-object/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/javascript-map-instead-object/ Sun, 11 Dec 2022 00:00:00 GMT TechLog JavaScript에서 Map과 Object를 비교하고, 어떤 상황에서 Map을 사용하는 것이 더 유리한지 벤치마크 테스트와 함께 알아봅니다. https://blog.wonkooklee.com/docs/api-and-interfaces/web-worker-service-worker/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/web-worker-service-worker/ Sun, 04 Dec 2022 00:00:00 GMT TechLog Web Worker로 무거운 연산을 옮기고 작업과 취소를 관리하는 방법을 설명합니다. 탭 간 통신, Service Worker의 생명 주기, 캐시와 업데이트 설계도 함께 다룹니다. https://blog.wonkooklee.com/docs/virtualization-and-cloud/docker-for-frontend-engineer/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/virtualization-and-cloud/docker-for-frontend-engineer/ Sat, 22 Oct 2022 00:00:00 GMT TechLog Docker로 React 개발 환경을 구성하고 NGINX로 배포하는 과정을 정리한 2022년 튜토리얼입니다. 볼륨, 환경 변수, Docker Compose와 멀티 스테이지 빌드를 다룹니다. https://blog.wonkooklee.com/docs/programming-languages/using-regular-expressions/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/using-regular-expressions/ Wed, 14 Sep 2022 00:00:00 GMT TechLog 정규표현식의 수량자 *, +, ?, {n,m}으로 반복 횟수를 지정하는 방법을 설명합니다. 탐욕적 매칭과 지연 매칭의 차이, 빈 문자열 매칭 시 주의점도 예제로 살펴봅니다. https://blog.wonkooklee.com/blog/20220619_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20220619_01/ Sun, 19 Jun 2022 00:00:00 GMT 회고와 기록 인프런 심야 FE 네트워킹 데이에 다녀왔습니다. 프론트엔드가 추구할 가치와 사용자에 집중하는 태도, 주니어 개발자의 성장에 관해 나눈 이야기를 기록합니다. https://blog.wonkooklee.com/blog/20220617_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20220617_01/ Fri, 17 Jun 2022 00:00:00 GMT 회고와 기록 메디스트림에서 프론트엔드 개발자로 일한 반년을 돌아봅니다. 알림 센터와 커머스·CRM 개발 경험, 아쉬웠던 점과 앞으로의 학습 계획을 정리했습니다. https://blog.wonkooklee.com/docs/programming-languages/regular-expression-javascript/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/regular-expression-javascript/ Wed, 01 Jun 2022 00:00:00 GMT TechLog JavaScript에서 정규표현식을 만들고 test·exec·match 등으로 사용하는 방법을 설명합니다. 메타 문자, 이스케이프, 문자 집합의 기본 문법을 예제로 익힙니다. https://blog.wonkooklee.com/docs/api-and-interfaces/document-fragment/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/api-and-interfaces/document-fragment/ Thu, 19 May 2022 00:00:00 GMT TechLog DocumentFragment로 여러 DOM 노드를 조립하고 문서에 삽입하는 방법을 설명합니다. 일반 요소를 사용하는 방식과 비교하고, 성능 측정 결과를 해석할 때의 주의점도 짚습니다. https://blog.wonkooklee.com/docs/coding-test/leetcode-local-environment/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/coding-test/leetcode-local-environment/ Thu, 19 May 2022 00:00:00 GMT TechLog LeetCode의 JavaScript 풀이를 로컬에서 실행할 수 있도록 Node.js와 Jest를 설정합니다. 문제별 테스트 파일을 만들고, 코드가 바뀔 때 테스트를 다시 실행하는 방법을 다룹니다. https://blog.wonkooklee.com/docs/data-format/heic-to-jpeg/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/data-format/heic-to-jpeg/ Sun, 15 May 2022 00:00:00 GMT TechLog Node.js의 heic-convert로 HEIC 이미지를 JPEG로 변환합니다. Express·Multer로 업로드를 받고, Vue 화면에 변환 결과를 표시하는 예제를 다룹니다. https://blog.wonkooklee.com/docs/libraries-and-frameworks/vuex/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/libraries-and-frameworks/vuex/ Sat, 05 Mar 2022 00:00:00 GMT TechLog Vuex로 전역 상태를 읽고 변경하는 방법을 예제로 설명합니다. 스토어를 모듈과 네임스페이스로 나누며, 기존 Vue 프로젝트의 상태 관리 구조를 살펴봅니다. https://blog.wonkooklee.com/blog/20220226_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20220226_01/ Sat, 26 Feb 2022 00:00:00 GMT 회고와 기록 주니어 프론트엔드 개발자로서 도움받은 책 네 권을 소개합니다. 개발자의 글쓰기, 자바스크립트, 자료 구조와 알고리즘, UX 디자인에서 배운 점을 나눕니다. https://blog.wonkooklee.com/blog/20220203_01/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/blog/20220203_01/ Thu, 03 Feb 2022 00:00:00 GMT 회고와 기록 산업 디자이너에서 프론트엔드 개발자로 일을 시작한 뒤 쓴 첫 기록입니다. 인턴 과제로 알림 센터를 만들며 배운 것과 새로운 기술을 익히는 태도를 돌아봅니다. https://blog.wonkooklee.com/docs/programming-languages/js-promise-example/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/js-promise-example/ Sun, 19 Sep 2021 00:00:00 GMT TechLog Promise 체인으로 좌표 조회와 국가 정보 API 요청을 연결합니다. 응답을 화면에 표시하고, 요청 실패를 처리하며, 브라우저 위치 정보를 사용하는 예제를 살펴봅니다. https://blog.wonkooklee.com/docs/programming-languages/es6-module-export/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/es6-module-export/ Sat, 18 Sep 2021 00:00:00 GMT TechLog JavaScript 모듈의 named export와 default export를 내보내기·가져오기 예제로 비교합니다. 식별자 이름, 별칭, 한 모듈에서 두 방식을 함께 사용하는 방법을 정리합니다. https://blog.wonkooklee.com/docs/programming-languages/javascript-async-ajax-api/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/programming-languages/javascript-async-ajax-api/ Mon, 13 Sep 2021 00:00:00 GMT TechLog 자바스크립트에서 비동기 처리란 무엇이며, AJAX와 API 요청이 어떻게 동작하는지 설명합니다. 타이머 예제와 HTTP 요청·응답 흐름을 함께 살펴봅니다. https://blog.wonkooklee.com/docs/personal-toy-projects/implement-image-zoom-on-hover/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/personal-toy-projects/implement-image-zoom-on-hover/ Fri, 27 Aug 2021 00:00:00 GMT TechLog 마우스를 올린 위치의 이미지를 확대해 보여주는 뷰어를 JavaScript와 CSS로 만듭니다. 커서 좌표에 맞춰 확대 영역을 움직이고 이미지 경계를 처리하는 방법을 설명합니다. https://blog.wonkooklee.com/docs/user-experience-user-interface/must-know-ui-elements-for-frontend-developers/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/user-experience-user-interface/must-know-ui-elements-for-frontend-developers/ Sun, 15 Aug 2021 00:00:00 GMT TechLog 버튼·체크박스·탭 등 UI 요소 32개의 이름과 용도를 예시로 살펴봅니다. Maria de la Riva의 글을 번역하고, 개발자와 디자이너가 나누는 UI 용어를 정리했습니다. https://blog.wonkooklee.com/docs/personal-toy-projects/legendary-thumbnail-maker/?utm_source=rss&utm_medium=referral&utm_campaign=feed-all&utm_content=title https://blog.wonkooklee.com/docs/personal-toy-projects/legendary-thumbnail-maker/ Tue, 10 Aug 2021 00:00:00 GMT TechLog 블로그 썸네일을 브라우저에서 편집하고 PNG로 저장하는 도구를 만들었습니다. 첫 토이 프로젝트의 기획과 디자인, HTML2Canvas를 이용한 구현 과정을 소개합니다.