꿀노잼개발 저장소

로그인 시 사용자들은 대부분 자기가 비밀번호를 잘못설정해놨다고 생각하지 이게 대소문자 때문이라고는 생각하지 못하는 경우가 많다. 비밀번호 오류나면 관리자도 귀찮고 사용자도 귀찮으니 로그인 페이지 구현시 해두면 좋은 'Caps Lock' 여부 알려주는 기능 구현해보기 ! 👉 javascript 기능 중 getModifierState 를 이용해봅시다 ! Caps Lock이 켜져있습니다. 해당 소스를 이용해서 코드를 만든 후 css 조금 변경해주면 아래와 같이 caps Lock 버튼이 눌려져있음을 알려주는 창이 뜬다capsLock 키를 구분해내기 위해 getModifierState 함수를 사용했는데 Alt, NumLock 등에서도 사용할 수 있다. 더 자세한 내용은 getModifierState문서 에서 확인..

기존에 GET방식으로 구현했던 페이지가 있었는데 URL이 노출되면 사용자가 값을 임의로 넣어서 다른 데이터들이 노출 될 것 같아 POST로 변경해달라는 요청이 있었다. ❔ window.open.. 그리고 POST..? 어떻게 구현하지? 👉 form 태그를 쓰면 됩니다! 이렇게 하면 form 태그안에 들어있는 값들을 post로 해당 url에 넘겨주게 된다. ❔ 이렇게 변경했더니 URL이 두 번 호출 되는 오류 발생 👉 window.open("", "openForm", option); 로 변경 url이 들어가던 부분에 빈값을 넣으면 url이 두 번 호출되는 일 없이 잘 호출된다~!

이번에 엑셀다운로드를 구현하는 일을 맡게 되었다. 이전까지는 엑셀 다운로드를 할 때 단일 시트형식이었기 때문에 큰 어려움은 없었다. 하지만 이번에는 테이블에 따라 시트를 나눠달라는 요구사항이 추가 되었다. 여기저기 열심히 구글을 찾아본 결과 SheetJS를 이용하기로 했다. 가장 큰 이유는 상업적용도로 이용 가능하기 때문이었다. 👉 Is SheetJS open source? 오늘의 목표 : 구현된 테이블 별로 엑셀시트를 만들어 엑셀을 다운로드해보자 1 🔥 JS 파일 다운로드 받기 Download 행에 있는 버튼말고 버전 옆에 있는 버튼 이미지를 눌러야 다운로드 된다. 👉 FileSaver.min.js/v1.3.8 👉 xlsx.full.min.js/v14.3 스크립트 단에 해당 스크리브의 주소를 직접 호출..

자바스크립트상에서 엔터키를 누를 때 실행되는 경우 ( 예 : 로그인 , 검색창 등 ) 를 구현하기 위해 또는 , 특정키의 작동을 막기위해 Keycode를 종종 사용하는 경우가 있어서 정리하기로 해본다 특정 키보드를 눌렀을 때 이벤트를 처리하고 싶다면 keycode를 이용하면된다. 키보드를 눌렀을 때의 이벤트가 각 키보드의 정보를 포함하고 있기 때문이다. 오늘 사용하게 될 엔터키는 ASCII Keycode '13'의 값을 가진다. Keycode 목록 key code key code tab 9 enter 13 shift 16 ctrl 17 alt 18 caps lock 20 space 32 page up 33 page down 34 end 35 home 36 ← 37 → 39 ↑ 38 ↓ 40 delete ..