본문 바로가기

자바스크립트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.

-자바스크립트 link Canonical javascript createElement appendChild window.location.href 결론부터 말하자면 삽질이다.어느날 갑자기 구글 애드센스 광고가 뜨지 않길래 확인해 보니 개인도메인으로 설정된 무료 도메인의 루트 도메인에서 구글 애드센스 정책 위반이 떴다.무료 도메인은 내도메인.한국 의 주소를 사용했다.이게 해결이 안되면 광고를 게재할 수가 없단다.난감하게도...이 도메인 주소로 네이버 유입이 제법 있다.그래서 혹시나 301 redirection이라도 써 볼까 했지만 그럴 방법이 전혀 없다.돈을 쓰면 가능하겠지만...일단 새로 호스팅을 받지 않는다는 전제 하에 그렇다.그래서 궁리한 것이 내 도메인 한국의 단일페이지 수정에서 Canonical를 설정해주고, 자바스크립트 location.href로 리다이렉션을 걸어서 옮기는 방법을 생각해 봤다.결과는 앞서 말한 데로 삽질이고 실패다.물론 훌.. 2019. 8. 26.

- 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트를 이용해서 일정한 시간 간격마다 혹은 일정한 시간이 지난 뒤에 특정 이벤트를 발생시키거나 동작을 취해야 할 경우가 종종 있다. 이럴 때 사용하는 자바스크립트 시간 함수가 바로 setTimeout()와 setInterval()이다. setTimeout(), setInterval()의 가장 큰 차이점은 한 번만 실행하느냐, 계속 반복적으로 실행하느냐의 차이다. 위의 두 예제처럼 단 한번만 적용하고 싶다면 setTimeout을 사용하고, 일정한 시간간격으로 반복 적용하고 싶다면 setInterval()을 사용하면 된다. setInterval에서 1000이라는 숫자는 밀리세컨드로 해당 숫자의 .. 2019. 8. 4.

✈ 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트의 onresize 이벤트 창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다. A, ADDRESS, APPLET, B, BIG, BL.. 2019. 7. 4.

이전 1 다음

티스토리툴바