본문 바로가기

자바스크립트9

자바스크립트로 근로기준법 연차일수 계산기 만들기 자바스크립트로 근로기준법 연차일수 계산기 만들기자바스크립트를 사용하여 근로기준법 연차일수 계산기를 만드는 방법에 대해 알아보겠습니다. 연차휴가 계산기는 근로자의 입사일, 근로기간, 그리고 출근율을 기준으로 연차휴가일수를 자동으로 계산해주는 도구입니다. 이 글에서는 간단한 자바스크립트 코드를 통해 연차휴가일수를 계산하는 방법을 단계별로 설명하겠습니다.근로기준법 연차일수 계산기필요한 준비물연차휴가 계산기를 만들기 위해서는 다음과 같은 준비물이 필요합니다:HTML 파일: 사용자 인터페이스를 만들기 위한 HTML 코드CSS 파일: 스타일링을 위한 CSS 코드자바스크립트 파일: 연차휴가일수를 계산하는 로직을 포함한 자바스크립트 코드HTML 코드 작성먼저, HTML 파일을 작성합니다. 이 파일에는 사용자 입력을 받.. 2024. 6. 16.

자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 소개 이 블로그 포스팅에서는 자바스크립트/jQuery를 사용하여 input checkbox 요소를 name과 value 값을 이용하여 체크하는 방법에 대해 알아보겠습니다. input checkbox를 사용하면 여러 개의 값을 저장해야 할 때가 있습니다. name 속성을 동일하게 유지하면서 value만 다르게 설정하면 배열로 쉽게 값을 저장할 수 있어서 자주 사용되는 방식입니다. 하지만 이렇게 저장된 값을 다시 불러오는 것은 조금 까다로울 수 있습니다. 이러한 문제를 해결하기 위해 name과 value를 동시에 활용하여 체크박스를 선택할 수 있습니다. 방법 jQuery를 사용하여 input checkbox 요소를 .. 2023. 7. 31.

2023년 일용직 소득세 계산기 2023년 일용직 소득세 계산기 아래는 JavaScript를 사용하여 일용직 근로자의 소득세를 계산하는 간단한 함수입니다. function calculateTax(dailyWage) { const basicDeduction = 150000; // 기본공제액 const taxRate = 0.06; // 세율 const taxDeductionRate = 0.55; // 세액공제율 const localTaxRate = 0.1; // 지방세율 // 과세표준 계산 const taxableIncome = dailyWage - basicDeduction; if (taxableIncome 2023. 7. 3.

자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 2014.06.29 10:13 퍼블리싱을 하거나 웹페이지를 개발하다 보면, 사용하는 브라우저의 환경에 따라 분기를 처리해주어야 할 때가 생긴다. 그럴 때 반드시 처리해 주어야 할 자바스크립트의 navigator.useragnet를 이용하면 브라우저의 정보를 확인할 수 있다. 다들 알고 있는 부분인데, 이렇게 확인된 useragent값을 어떻게 활용할 것인가가 부차적인 문제가 된다. 일단은 이번 포스팅에서는 userAgent를 문자열로 넘겨서 확인하는 것까지만 진행하도록 하겠다. var ua = navigator.userAgent; document.write(ua); 위의 표에서 보다시피 굉장히 간단하다. navigator.use.. 2021. 7. 1.

-자바스크립트로 구현한 rgb 색상표 + CSS 16진수 rgb 색상코드 자바스크립트로 구현한 RGB 색상표 + CSS 16진수 색상 코드 2015.08.29 11:11 RGB 색상표를 CSS 16진수(HEX) 색상 코드로 표현하기 퍼블리싱을 할 때 디자인팀에서 지정한 색의 색상을 CSS로 표현할 때 포토샵의 스포이드로 찍어보면 RGB 색상표에서 HEX값을 알 수 있다. 이 RGB 색상표는 #1930a2와같이 표현되는데 난해한 암호 같아 보이지만 다 뜻이 있는 문자의 조합이다. 위에서 일부러 색을 2 글자씩 잘라서 다르게 썼는데, 명민한 사람이라면 금방 눈치챘을 것이다. RGB라는 말의 뜻부터 이해한다면 따로 설명하지 않아도 감이 따악 올 것이다. RGB의 뜻은 R=Red, G=Green, B=Blue를 뜻한다. 그러니 위의 코드에서 #을 제외한 나머지 6자리의 각 두 자리는.. 2019. 9. 7.

✈javascript location.href과 split()함수로 이미지 변경하기 2015.03.26 01:30 실제로 홈페이지를 개발하게 되면, 퍼블리싱과는 별개로 개발언어가 입혀지는 경우에 한 개의 소스 페이지로 파라미터값을 달리해서 다른 메뉴를 구성하게 되는 경우가 종종있다. 이럴 때 특정 이미지 혹은 특정 코드만 다르게 보여져야 하는 경우 개발자를 귀찮게 하기 싫으면 location.href를 이용하면 편리하다. 예시로 들 사이트는 종로구시설관리공단인데, 유지보수 의뢰로 담당부서의 전화번호를 페이지에 삽입해 달라는 의뢰가 들어왔다. 개발자들이 바쁜 관계로 개발을 거치지 않고 UI단에서만 처리한 소스이다. http://www.ijongno.co.kr/front/main/11 문화체육시설, 종로구민회관, 종로문화체육센터, 동무여성문화센터,청소년문화센터,삼청테니스장의 서브메인페이지에.. 2019. 8. 28.

이전 1 2 다음

티스토리툴바