<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>인생은 한번뿐</title>
    <link>https://lifeisonecoin.com/</link>
    <description>작게 시작하고 오래 가져가는 개발 노트와 삶의 리듬을 담는 다크 톤의 개인 블로그.</description>
    <language>ko-KR</language>
    <lastBuildDate>Mon, 29 Jun 2026 09:00:00 GMT</lastBuildDate>
    <atom:link href="https://lifeisonecoin.com/feed.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>애드센스 승인 조건 — 거절 사유부터 글 개수·기간까지</title>
      <link>https://lifeisonecoin.com/posts/adsense-approval-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/adsense-approval-guide/</guid>
      <pubDate>Mon, 29 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[애드센스 승인 조건을 거절 사유 중심으로 정리하고, 정해진 글 개수나 승인 기간이 있는지, 필수 페이지는 무엇인지 공식 기준으로 짚었습니다. 블로그에 광고를 붙이려는 분께 맞습니다.]]></description>
      <category>tech</category>
    </item>
    <item>
      <title>HTML 시맨틱 태그 — div와 무엇이 다르고 언제 무엇을 쓸까</title>
      <link>https://lifeisonecoin.com/posts/html-semantic-tags/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/html-semantic-tags/</guid>
      <pubDate>Mon, 29 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[header·nav·main·section·article·aside·footer가 각각 무엇을 뜻하는지, div와 어떻게 다른지, 스크린리더·검색엔진이 얻는 이점과 흔한 오용까지 표로 정리했습니다. div만 쓰던 입문자가 구조에 의미를 입히고 싶을 때 맞는 글입니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>웹 접근성 기초 — 시맨틱·ARIA·색 대비·포커스 한 번에 챙기기</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-37-accessibility-basics/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-37-accessibility-basics/</guid>
      <pubDate>Mon, 29 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[마우스를 못 쓰거나 화면이 잘 안 보이는 사람도 같은 페이지를 끝까지 쓸 수 있게 만드는 법을 정리합니다. 시맨틱 태그, aria-label, 색 대비, 키보드 포커스 네 가지를 한 번에 익혀 키보드만으로 페이지를 처음부터 끝까지 다녀 봅니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>구글 블로그 티스토리 비교 — 수익형 블로그, 어디서 시작할까</title>
      <link>https://lifeisonecoin.com/posts/google-blogspot-vs-tistory/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/google-blogspot-vs-tistory/</guid>
      <pubDate>Sun, 28 Jun 2026 13:00:00 GMT</pubDate>
      <description><![CDATA[블로그스팟·티스토리·워드프레스·자체 사이트를 도메인 소유·SEO 제어·애드센스·도구 확장성 기준으로 비교했습니다. 수익형 블로그를 어디서 시작할지 고르는 분께 맞습니다.]]></description>
      <category>tech</category>
    </item>
    <item>
      <title>CSS 변수 사용법 — var()와 :root로 정의하고 다크모드까지</title>
      <link>https://lifeisonecoin.com/posts/css-variables-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-variables-guide/</guid>
      <pubDate>Sat, 27 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[CSS 변수(커스텀 속성)를 --이름으로 선언하고 var()로 꺼내 쓰는 법을, :root 전역 선언부터 상속·폴백·다크모드 토글까지 예제로 정리했습니다. 색·간격을 한곳에서 관리하고 싶은 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS 다크 모드 — prefers-color-scheme와 변수로 라이트/다크 전환하기</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-36-dark-mode/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-36-dark-mode/</guid>
      <pubDate>Sat, 27 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[같은 페이지를 색 값만 바꿔 라이트와 다크 두 모습으로 보여 주는 법을 정리합니다. 시스템 설정을 감지하는 prefers-color-scheme와 CSS 변수를 묶어, 색을 곳곳에 흩지 않고 한곳에서 갈아 끼우는 방식을 익힙니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS 가상 클래스와 가상 요소 — 콜론 하나(:)와 둘(::)의 차이</title>
      <link>https://lifeisonecoin.com/posts/css-pseudo-selectors-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-pseudo-selectors-guide/</guid>
      <pubDate>Fri, 26 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[가상 클래스(:hover, :nth-child)와 가상 요소(::before, ::after)가 콜론 하나·둘로 어떻게 갈리는지, 각각 무엇을 고르고 무엇을 만드는지 예제와 비교 표로 정리했습니다. 선택자 뒤에 붙는 :과 ::가 헷갈리는 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>그림자·필터·클립패스 — box-shadow 입체감부터 clip-path 도형까지</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-35-shadows-filters-clip-path/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-35-shadows-filters-clip-path/</guid>
      <pubDate>Fri, 26 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[같은 카드 하나를 종이처럼 띄우고, 유리처럼 비치게 하고, 원하는 도형으로 잘라내는 세 가지 CSS 비주얼 디테일을 한 번에 정리합니다. box-shadow·text-shadow로 입체감을, filter·backdrop-filter로 유리 느낌을, clip-path로 사각형 밖의 도형을 만드는 법을 다룹니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS 선택자 우선순위 — 점수 계산법과 CSS가 안 먹을 때</title>
      <link>https://lifeisonecoin.com/posts/css-specificity-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-specificity-guide/</guid>
      <pubDate>Thu, 25 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[선택자 우선순위(명시도)를 ID·클래스·타입 세 칸으로 세는 법과 inline style·!important의 위치, 점수가 같을 때 무엇이 이기는지 한 표로 정리했습니다. 분명히 쓴 CSS가 적용되지 않아 헤매는 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS Animation — @keyframes로 만드는 첫 무빙 UI</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-34-css-animation/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-34-css-animation/</guid>
      <pubDate>Thu, 25 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[transition이 두 상태 사이를 한 번 건너가는 일이라면, animation은 여러 장면을 순서대로 이어 스스로 움직이는 UI를 만드는 일입니다. @keyframes로 장면을 그리는 법, animation 줄임 표기, 무한 반복 스피너와 첫 진입 카드 등장, 그리고 모션을 불편해하는 사용자를 위한 prefers-reduced-motion까지 다룹니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS 단위 차이 — px·em·rem·vw·vh, 언제 무엇을 쓸까</title>
      <link>https://lifeisonecoin.com/posts/css-units-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-units-guide/</guid>
      <pubDate>Wed, 24 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[절대 단위 px와 상대 단위 em·rem·%·vw·vh가 각각 무엇을 기준으로 삼는지, em 중첩 곱셈과 100vh 모바일 함정까지 한 표로 정리했습니다. 단위가 헷갈려 글자·여백 크기가 의도와 다르게 나오는 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS Transition — 호버를 부드럽게, 그러나 너무 길지 않게</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-33-css-transition/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-33-css-transition/</guid>
      <pubDate>Wed, 24 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[호버처럼 값이 바뀔 때 그 변화가 툭 끊기지 않고 부드럽게 이어지게 하는 CSS transition을, 문을 쾅 닫지 않고 천천히 닫아 주는 도어 클로저에 빗대 익힙니다. transition의 네 부분(속성·시간·속도 곡선·지연), transition: all을 피해야 하는 이유, ease와 cubic-bezier로 자연스러운 속도 곡선을 고르는 법까지 다룹니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS 애니메이션 keyframes 사용법 — @keyframes와 animation 속성 정리</title>
      <link>https://lifeisonecoin.com/posts/css-animation-keyframes/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-animation-keyframes/</guid>
      <pubDate>Tue, 23 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[@keyframes로 구간을 정의하고 animation 속성으로 재생하는 법을, 여덟 가지 하위 속성과 무한 반복·transition과의 차이·성능·접근성까지 한 페이지에 정리했습니다. 버튼을 넘어 스스로 움직이는 애니메이션을 만들고 싶은 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS Transform — translate로 옮기고 rotate로 회전, 자리는 그대로</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-32-css-transform/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-32-css-transform/</guid>
      <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[요소를 레이아웃 자리에서 떼지 않고 옮기고(translate)·돌리고(rotate)·키우는(scale) CSS transform을, 벽에 건 액자를 못은 그대로 두고 비스듬히 기울이는 일에 빗대 익힙니다. margin·top으로 옮길 때와 무엇이 다른지, transform-origin으로 회전 기준점을 바꾸는 법, 카드 호버에 살짝 떠오르는 효과를 주는 법까지 다룹니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS transition 사용법 — hover 애니메이션 부드럽게 만들기</title>
      <link>https://lifeisonecoin.com/posts/css-transition-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-transition-guide/</guid>
      <pubDate>Mon, 22 Jun 2026 09:00:00 GMT</pubDate>
      <description><![CDATA[CSS transition으로 색·크기·위치 변화를 부드럽게 만드는 법을 네 가지 속성, hover 결합, transform 조합, 안 먹는 원인까지 한 페이지에 정리했습니다. 버튼·카드에 움직임을 주고 싶은 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>::before와 ::after 차이 — content 속성으로 본문 앞뒤에 장식 붙이기</title>
      <link>https://lifeisonecoin.com/posts/frontend-course-31-pseudo-elements/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/frontend-course-31-pseudo-elements/</guid>
      <pubDate>Mon, 22 Jun 2026 00:00:00 GMT</pubDate>
      <description><![CDATA[HTML에 태그를 더 쓰지 않고도 본문 앞뒤에 따옴표·체크 표시·뱃지 같은 장식을 자동으로 붙이는 ::before/::after 의사 요소를, 책에 매다는 작은 장식 끈에 빗대 익힙니다. content 속성이 없으면 왜 아무것도 안 보이는지, attr()와 counter로 값을 자동으로 끌어오는 법까지 다룹니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>종합소득세 신고 방법 — 대상·기간·홈택스 절차 한 번에</title>
      <link>https://lifeisonecoin.com/posts/global-income-tax-filing/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/global-income-tax-filing/</guid>
      <pubDate>Sun, 21 Jun 2026 19:00:00 GMT</pubDate>
      <description><![CDATA[프리랜서·부업·사업소득이 있을 때 종합소득세를 누가, 언제, 어떻게 신고하는지 홈택스 절차와 세율·가산세까지 정리했습니다. 5월 신고가 처음이라 막막한 분께 맞습니다.]]></description>
      <category>market</category>
    </item>
    <item>
      <title>position absolute relative 차이 — 5가지 한눈에</title>
      <link>https://lifeisonecoin.com/posts/position-absolute-relative/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/position-absolute-relative/</guid>
      <pubDate>Sun, 21 Jun 2026 18:00:00 GMT</pubDate>
      <description><![CDATA[CSS position의 static·relative·absolute·fixed·sticky 차이를 기준과 흐름 중심으로 정리하고, absolute의 기준이 무엇인지와 z-index가 안 먹는 이유까지 짚습니다. position이 매번 헷갈리는 분께 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>CSS Grid 사용법 — 행·열 2차원 레이아웃 한 번에</title>
      <link>https://lifeisonecoin.com/posts/css-grid-guide/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/css-grid-guide/</guid>
      <pubDate>Sun, 21 Jun 2026 17:00:00 GMT</pubDate>
      <description><![CDATA[CSS Grid로 행과 열을 동시에 잡는 법을 grid-template, repeat·minmax 반응형, 영역 배치, grid vs flex 선택까지 한 페이지에 정리했습니다. 레이아웃이 매번 헷갈리는 입문자에게 맞습니다.]]></description>
      <category>frontend</category>
    </item>
    <item>
      <title>연금저축 IRP 차이 — 세액공제·투자·인출 한 번에 비교</title>
      <link>https://lifeisonecoin.com/posts/pension-savings-irp/</link>
      <guid isPermaLink="true">https://lifeisonecoin.com/posts/pension-savings-irp/</guid>
      <pubDate>Sun, 21 Jun 2026 16:00:00 GMT</pubDate>
      <description><![CDATA[연금저축과 IRP의 세액공제 한도, 투자 범위, 중도인출, 연금 수령 과세를 표로 비교하고 누구에게 무엇이 유리한지 정리했습니다. 둘 중 무엇부터 채울지 고민하는 분께 맞습니다.]]></description>
      <category>market</category>
    </item>
  </channel>
</rss>
