자바스크립트 현재 날짜와 시간 항상 한국 기준으로 구하기 참고: https://hianna.tistory.com/451 업무 중 현재 시간을 기준으로 이런저런 값을 계산할 일이 있었다. 근데 동료가 만약 우리나라가 아니라 다른 국가에서 접속하는 유저는 어떻게 처리하겠냐는 질문을 했다. 그래서 어디서 접속하든 언제나 한국 시간을 기준으로 잡아야 할 필요를 느꼈다. 필요한 것들 Date.prototype.getTime() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime 1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜까지의 시간을 밀리세컨드로 반환한다. Date.prototype...
html button 요소에 type을 지정하는 이유 참고: https://nykim.work/96 내용 eslint를 세팅하다가 button 요소에 type을 넣으라는 경고문을 봤다. button은 type을 지정하지 않으면 기본적으로 submit 버튼이 되기 때문이다. 즉, form 태그 내에서 예상치 못한 submit 이벤트를 발생시킬 수 있고 시멘틱 마크업 측면에서도 button 에 type을 지정해주는 것이 바람직하다.
iOS에서 기본 적용된 input shadow 제거하기 참고: https://developer.mozilla.org/en-US/docs/Web/CSS/appearance 내용 작업 중 위와 같이 원인 모를 shadow가 생겨 골치 아팠는데 구글링을 해보니 iOS에 기본적으로 적용된 스타일이라고 한다. appearance 라는 값을 없애주면 된다. 구현 input { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
자바스크립트 클립보드 복사 기능 만들기 참고: https://zetawiki.com/wiki/JavaScript_%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C%EB%A1%9C_%EB%B3%B5%EC%82%AC%ED%95%98%EA%B8%B0 내용 클립보드 복사 기능을 만들 일이 있어 좀 찾아보았다. 바닐라 스크립트로 임시 textarea를 만들어서 구현하는 게 크로스 브라우징 문제 등에서 자유롭고 간단해 보였다. 구현 const textarea = document.createElement("textarea"); // teatarea 요소 생성 document.body.appendChild(textarea); // body에 요소 추가 textarea.value = '복사할 텍스..