<div id="readability-page-1" class="page"><div><h2 id="380f">보험나이(상령일) 계산법 with momentJS</h2><p id="28f3">보험사가 나이를 정하는 기준은 <code>보험나이</code>(상령일) 이다. 올해 생일과 내년 생일의 정확히 가운데날을 상령일로 정한다.</p><p id="7116">내가 몸담고 있는 회사에서 열심히 만들고 있는 서비스가 있다. 이른바 보험을 혁신하는 <a href="https://signalplanner.co.kr/" rel="noopener ugc nofollow" target="_blank">시그널플래너</a>라고 한다. (이 블로그의 특징이다 잔잔하게 회사 서비스 홍보…)</p><p id="6a96">아무튼 그러니 보험나이를 계산하는 방법 쯤은 꿰고 있어야 할터. 아래와 같이 계산한다. 날짜 처리 라이브러리 momentjs 를 활용하였다.</p><pre><span id="0e27">const upwardDate = (birth) =&gt; {<br>  if (!moment(birth).isValid()) throw new Error('날짜형식이 잘못되었습니다.');<br>  // 올해연도<br>  const thisYear = moment().format('YYYY');<br>  // 올해 생일<br>  let thisYearBirth = moment(new Date(birth)).format(`${thisYear}.MM.DD`);<br>  thisYearBirth = new Date(thisYearBirth);<br>  const today = moment();<br>  // 상령일1 : 올해 생일 - 6month<br>  const before6month = moment(thisYearBirth).add(-6, 'months');<br>  // 상령일2 : 올해 생일 + 6month<br>  const after6month = moment(thisYearBirth).add(6, 'months');<br>  // 상령일3 : 올해 생일 + 6month + 12month<br>  const after18month = moment(thisYearBirth).add(18, 'months');<p>    // 상령일1이 안지났으면 상령일은 1<br>  if (before6month.diff(today) &gt; 0) return before6month.toString();<br>  // 상령일2가 안지났으면 상령일은 2<br>  if (after6month.diff(today) &gt; 0) return after6month.toString();<br>  // 그 외에는 상령일3<br>  return after18month.toString();<br>}</p></span></pre><p id="81df">위 함수의 정확한 역할은, 현재를 기준으로 다음 상렬일은 언제인가?에 대한 답이다.</p><h2 id="9f88">당근페이 FE, 4개의 프로젝트를 하나로 합치며 나눈 대화들</h2><p id="2a64">공감하면서 재미있게 본 글이다.</p><p id="2d4e">내가 그동안 서비스를 만들면서 얻게된 명제중 하나가 있다.</p><blockquote><p id="b640">그때는 맞고 지금은 틀리다.</p></blockquote><p id="c229">예전 홍상수 영화의 제목이기도 한 것인데, 개발자 입장에서도 너무나도 명제이다. 그러니까 애자일이니 뭐니 호들갑을 떨어야 할 수 밖에 없다.</p><p id="ebc8">👉 <a href="https://medium.com/daangn/%EB%8B%B9%EA%B7%BC%ED%8E%98%EC%9D%B4-fe-4%EA%B0%9C%EC%9D%98-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-%ED%95%98%EB%82%98%EB%A1%9C-%ED%95%A9%EC%B9%98%EB%A9%B0-%EB%82%98%EB%88%88-%EB%8C%80%ED%99%94%EB%93%A4-b96f837230da" rel="noopener">보러가기</a></p><h2 id="87bd">제 5회 카카오 공개 테크 세미나</h2><p id="7677">이번 세미나는 프론트엔드 관련 개발자들 위주네? 내용도 재밋네? 우리팀은 맛있는거 시켜놓고 시청하기로 했다.</p><p id="f175">👉 <a href="https://festa.io/events/4919" rel="noopener ugc nofollow" target="_blank">보러가기</a></p><h2 id="81e8">Nuxt3 환경에서 문구 수직 로테이션 간단 코딩</h2><pre><span id="fc1c">&lt;template&gt;<br> &lt;div class="rotation"&gt;<br>    &lt;div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 1}"&gt;<br>      슬라이드 첫 번째 <br>    &lt;/div&gt;<br>    &lt;div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 2}"&gt;<br>      슬라이드 두번째 <br>    &lt;/div&gt;<br>    &lt;div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 0}"&gt;<br>      슬라이드 세 번째 <br>    &lt;/div&gt;<br>  &lt;/div&gt;<br>&lt;/template&gt;<br>&lt;script setup&gt;<br>import { useIntervalFn } from '@vueuse/core';<p>const rotate = async () =&gt; {<br>  rotateCount.value += 1;<br>}</p><p>onMounted(() =&gt; {<br>  const { pause } = useIntervalFn(rotate, 3000);<br>  // 정지 필요할때 pause() 호출<br>})<br>&lt;/script&gt;</p><p>&lt;style lang='scss'&gt;</p><p>.slide-up {<br>  animation: slide-up 0.85s cubic-bezier(0.65, 0, 0.35, 1) both<br>}</p><p>  @keyframes slide-up {<br>  0% {<br>    transform: translateY(100px);<br>    opacity: 0;<br>  }<br>  100% {<br>    transform: translateY(0);<br>    opacity: 1;<br>  }<br>}<br>&lt;/style&gt;</p></span></pre></div></div>

Stories by Jeong Woo Ahn on Medium

Jeongwoo Ahn

보험나이 계산법 등
우리는 일상에서 꽤 많은 것을 배운다. 사소한 도구 사용법부터 삶의 지혜까지 정말 다양하다. 특히나 검색, AI, 수 많은 뉴스레터, 대화 정보는 언제나 넘쳐난다. 모자란 적이 단 한순간이라도 있었나.
그러나 우리는 많은 것을 잊는다. 다시 검색하면 되니까… 누군가 세미나에서 말한적이 있는데, 우리가 학습하는 방법은 세 가지정도 있는데 혼자 읽거나 보는것이 첫 번째. 두 번째는 그것을 정리하고 적는것이고 세 번째는 누군가에게 가르치는 일이다.
내가 배운것을 정리하고 블로그에 공유하는것은 두 번째와 세 번째 그 어딘가에 있는것이다. 그리고 그것을 꾸준히 하고자 하는것. 그것이 내가 매월 배웠던 사소한 것들을 적는 이유이다.
보험나이(상령일) 계산법 with momentJS
보험사가 나이를 정하는 기준은 보험나이(상령일) 이다. 올해 생일과 내년 생일의 정확히 가운데날을 상령일로 정한다.
내가 몸담고 있는 회사에서 열심히 만들고 있는 서비스가 있다. 이른바 보험을 혁신하는 시그널플래너라고 한다. (이 블로그의 특징이다 잔잔하게 회사 서비스 홍보…)
아무튼 그러니 보험나이를 계산하는 방법 쯤은 꿰고 있어야 할터. 아래와 같이 계산한다. 날짜 처리 라이브러리 momentjs 를 활용하였다.
const upwardDate = (birth) => {
  if (!moment(birth).isValid()) throw new Error('날짜형식이 잘못되었습니다.');
  // 올해연도
  const thisYear = moment().format('YYYY');
  // 올해 생일
  let thisYearBirth = moment(new Date(birth)).format(`${thisYear}.MM.DD`);
  thisYearBirth = new Date(thisYearBirth);
  const today = moment();
  // 상령일1 : 올해 생일 - 6month
  const before6month = moment(thisYearBirth).add(-6, 'months');
  // 상령일2 : 올해 생일 + 6month
  const after6month = moment(thisYearBirth).add(6, 'months');
  // 상령일3 : 올해 생일 + 6month + 12month
  const after18month = moment(thisYearBirth).add(18, 'months');
  
  // 상령일1이 안지났으면 상령일은 1
  if (before6month.diff(today) > 0) return before6month.toString();
  // 상령일2가 안지났으면 상령일은 2
  if (after6month.diff(today) > 0) return after6month.toString();
  // 그 외에는 상령일3
  return after18month.toString();
}
위 함수의 정확한 역할은, 현재를 기준으로 다음 상렬일은 언제인가?에 대한 답이다.
당근페이 FE, 4개의 프로젝트를 하나로 합치며 나눈 대화들
공감하면서 재미있게 본 글이다.
내가 그동안 서비스를 만들면서 얻게된 명제중 하나가 있다.
그때는 맞고 지금은 틀리다.
예전 홍상수 영화의 제목이기도 한 것인데, 개발자 입장에서도 너무나도 명제이다. 그러니까 애자일이니 뭐니 호들갑을 떨어야 할 수 밖에 없다.
👉 보러가기
제 5회 카카오 공개 테크 세미나
이번 세미나는 프론트엔드 관련 개발자들 위주네? 내용도 재밋네? 우리팀은 맛있는거 시켜놓고 시청하기로 했다.
👉 보러가기
Nuxt3 환경에서 문구 수직 로테이션 간단 코딩
<template>
 <div class="rotation">
    <div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 1}">
      슬라이드 첫 번째 
    </div>
    <div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 2}">
      슬라이드 두번째 
    </div>
    <div class="rtxt" :class="{'slide-up': (rotateCount % 3) === 0}">
      슬라이드 세 번째 
    </div>
  </div>
</template>
<script setup>
import { useIntervalFn } from '@vueuse/core';
const rotate = async () => {
  rotateCount.value += 1;
}
onMounted(() => {
  const { pause } = useIntervalFn(rotate, 3000);
  // 정지 필요할때 pause() 호출
})
</script>
<style lang='scss'>
.slide-up {
  animation: slide-up 0.85s cubic-bezier(0.65, 0, 0.35, 1) both
}  
@keyframes slide-up {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}</style>

2024년 3월에 내가 배운것

댓글