자바스크립트 MBTI 테스트 만들기: 로컬 스토리지를 활용한 데이터 저장 및 결과 분석기 제작

안녕하세요! 요즘 모임에서 빠지지 않는 주제가 바로 MBTI죠? 단순한 성격 유형 검사를 넘어 이제는 하나의 문화로 자리 잡은 느낌입니다. 개발을 공부하는 우리에게 이런 유행은 아주 좋은 실습 소재가 됩니다. 특히 자바스크립트 MBTI 테스트 제작은 사용자의 선택을 받고, 점수를 계산하고, 그 결과를 보여주는 과정이 포함되어 있어 웹 개발의 핵심인 ‘데이터 처리’와 ‘상태 관리’를 배우기에 최적이기 때문이죠. … 더 읽기

2026 연말정산 미리보기: 자바스크립트로 자녀 수 계산까지 완벽 구현한 카드 소득공제 계산기 제작기

안녕하세요, 함께 공부하며 성장하는 느종입니다! 벌써 2026년 2월이 지나가고 있습니다. 2026 연말정산을 슬슬 고민해야 할 시기가 다가오고 있습니다. 직장인들에게 ’13월의 월급’만큼 중요한 것도 없죠. 특히 이번 2026 연말정산은 소득공제 체계에 몇 가지 중요한 변화가 있었습니다. 자녀 수에 따른 공제 한도가 세분화되어 상향되었고, 많은 분이 기다리셨던 체력단련장(헬스장, 수영장) 이용료가 문화비 항목에 새롭게 포함되었습니다. 오늘은 이렇게 달라진 … 더 읽기

2026 실업급여 계산기 – 최저임금 10,320원 적용 수령액 확인 (최신)

안녕하세요! 최근 주변 동료들이나 지인들 사이에서 이직 혹은 잠시 쉬어가는 시간을 갖는 분들이 부쩍 늘었습니다. 그럴 때마다 가장 먼저 찾아보는 것이 바로 2026 실업급여 계산기인데요. 시중에 많은 계산기가 있지만, “이건 어떤 로직으로 계산되는 걸까?”라는 호기심이 생겨 직접 실업급여 계산 로직을 설계해 보았습니다. 단순히 ‘얼마를 받는다’는 결과보다, 2026년 변경된 법정 최저임금과 복잡한 상·하한액 기준을 어떻게 코드로 … 더 읽기

2026 최저임금 계산기: 시급 10,320원 시대, 주휴수당 포함 월급은?

안녕하세요! 2026년 최저임금 계산기 활용법이 궁금하신 분들을 위해 오늘 포스팅을 준비했습니다. 2026년이 밝으면서 직장인과 아르바이트생 모두에게 가장 민감한 변화는 단연 ‘최저임금’일 것입니다. 드디어 본격적인 1만 원 시대를 넘어 시급 10,320원이 적용되는데요. 숫자는 명확하지만, 막상 “그래서 내가 한 달에 실제로 얼마를 받을까?”를 계산하려고 하면 주휴수당이라는 복잡한 벽에 부딪히곤 합니다. 오늘은 개발자의 시선에서 2026년 최저임금 체계를 분석하고, … 더 읽기

2026 연봉 실수령액 계산기: 월급 세후 금액 1초 만에 확인하기 (업데이트)

안녕하세요! 올해도 어김없이 연봉 협상 시즌이 다가오면서 많은 직장인 동료들이 “내 연봉이 이만큼 오르면 실제로 내 통장엔 얼마가 찍힐까?”라는 질문을 던지곤 합니다. 저 역시 매년 바뀌는 사대보험 요율과 소득세 기준을 보며 이를 정교하게 계산해 볼 수 있는 도구가 있으면 좋겠다는 생각을 해왔고, 직접 개발한 2026 연봉 실수령액 계산기를 통해 그 해답을 찾고자 합니다. 오늘은 지난 … 더 읽기

2026 청년도약계좌 계산기: 70만원 납입 시 만기 수령액 (최신 기여금 로직 포함)

요즘 제 주변 친구들이나 동료들 사이에서 가장 뜨거운 대화 주제를 하나 꼽으라면 단연 ‘청년도약계좌’입니다. 매달 일정 금액을 꾸준히 저축하면 정부에서 기여금을 더해주고, 이자에 대해 비과세 혜택까지 주는 파격적인 상품이죠. 하지만 막상 가입하려고 보면 내 연봉에 따라 정부 지원금이 얼마나 나오는지, 5년 뒤에 실제로 내 손에 쥐어지는 돈이 얼마인지 계산하기가 꽤나 까다롭습니다. 그래서 오늘은 이 복잡한 … 더 읽기

2026 퇴직금 계산기 만들기: 식대 포함 여부와 평균임금 로직 완벽 정리

안녕하세요! 오늘은 직장인이라면 누구나 가슴속에 품고 사는 ‘사직서’만큼이나 궁금해할 주제를 가져왔습니다. 바로 ‘2026 퇴직금 계산기’입니다. 보통 퇴사를 결심하거나 이직을 준비할 때, “내가 지금까지 일한 대가로 얼마를 받을 수 있을까?”라는 질문이 가장 먼저 머릿속을 스칩니다. 포털 사이트의 계산기를 써도 되지만, 개발자로서 내가 직접 로직을 설계해 보고 실제 노동법 수식을 코드로 구현해 보는 과정은 그 자체로 큰 … 더 읽기

Canvas를 활용한 인터랙티브 JavaScript 마우스 트래커 제작기

안녕하세요! 오늘은 [자바스크립트 사다리 타기] 프로젝트에 이어서 웹 페이지에 생동감을 불어넣는 것은 물론, 방문자의 시선을 단번에 사로잡을 수 있는 ‘캔버스 기반의 인터랙티브 JavaScript 마우스 트래커(Visual Particle System)’를 만들어 보았습니다. 그동안 다양한 자바스크립트 프로젝트를 진행하며 기초를 다져왔다면, 이번에는 Canvas API의 심화 기능을 활용해 한 단계 더 높은 수준의 인터랙션을 구현해 볼 차례입니다. 단순히 클릭에 반응하는 단계를 … 더 읽기

재귀 함수와 배열 셔플 알고리즘으로 만든 자바스크립트 사다리 타기 복불복 게임

안녕하세요! 18번째 포스팅[스크래치 복권 만들기]와 14번째 포스팅[타자 게임]등과 같이 평소 웹 게임 구현에 관심이 많았던 터라, 이번에는 고전적이면서도 로직의 정교함이 요구되는 ‘자바스크립트 사다리 게임’을 주제로 잡았습니다. 단순히 위에서 아래로 내려가는 게임이 아니라, 대각선 경로가 포함된 복잡한 구조를 어떻게 하면 자바스크립트와 Canvas API로 완벽하게 구현할 수 있을지 고민한 기록을 남겨봅니다. 1. 설계: 사용자 경험(UX) 중심의 레이아웃 … 더 읽기

효율적인 마케팅을 위한 자바스크립트 키워드 조합기 자동 조합 툴 제작

안녕하세요! 어느덧 프로젝트가 [19번째 비디오 플레이어 만들기]를 지나 20번째에 접어들었습니다. 이번에는 마케팅이나 SEO 작업을 할 때 가장 번거로운 과정 중 하나인 ‘키워드 조합’을 자동화해 줄 수 있는 자바스크립트 키워드 조합기를 만들어 보았습니다. 시중에는 이미 수많은 조합기가 존재하지만, 실제 업무에서 사용하다 보면 미세한 불편함들이 발목을 잡곤 합니다. 예를 들어, 조합 순서를 갑자기 바꾸고 싶거나, 특정 항목만 … 더 읽기