자바스크립트와 jstp에 관련된 팁을 게시합니다.
#자바스크립트 #날짜계산 #요일계산 #주말 #평일 1. 자바스크립트로 요일 계산? 자바스크립트 기반의 여러 사이트를 관리하다보면 요일을 계산해야하는 경우가 생깁니다. 이럴 땐 어떻게 해야할까요? 위에 보이듯이 date타입의 getDay() 라는 내장 함수가 있습니다. 변수에 지정된 날짜의 요일을 리턴해주는 함수에요! 이걸 이용해서 오늘 날짜, 혹은 특정 날짜가 주말인지 평일인지에 대한 구별이 가능하지요! 2. 주말 체크 함수 자, 그러면 주말인지 … Read more
#자바스크립트 #모자이크이벤트 #CSS #필터 1. filter blur? 여러분! CSS를 통해서 객체에 모자이크를 입힐 수 있다는 것 아셨나요? 웹개발 경력 10년이 지났는데, 저도 확실히 새로운 것을 안알아보긴 하나봐요! 이게 CSS로 아주 쉽게 되네요? 단지 이렇게 CSS만 입혀주면 끝이라는 사실! 정도는 0px이 모자이크 필터를 안 입힌 상태인거고 숫자가 커질수록 당연히 점점 모자이크가 심해져요. 위 그림은 5px이라는 점! … Read more
#자바스크립트 #focus #제이쿼리 #이벤트 안녕하세요, 배곧동개발자 입니다. 자바스크립트로 웹사이트를 개발하다보면 간혹 내가 원하는 객체로 포커싱이 이동되어야 하는 경우가 있습니다. 예를 들어보자면, 이름을 입력받아야 하는 페이지에 이름을 빈값으로 입력한다면 “이름을 입력해주세요” 라는 문구와 함께 이름을 입력하는 곳으로 커서를 이동시켜 줄 수 있지요. 이런건 어떻게 할까요? focus() 정말 간단합니다. 해당 객체에 focus() 라고만 적어주시면 끝. 저렇게 해준다면 … Read more
#자바스크립트 #키이벤트 #엔터 #event.keyCode 안녕하세요, 배곧동개발자 입니다. 자바스크립트로 웹페이지 개발을 하다보면 입력폼에서 엔터를 눌렀을 때에 이벤트를 발생시켜야 하는 경우가 매우 많습니다. 예를들자면 아이디/비밀번호 입력폼에서 엔터를 누를 시 로그인로직을 타게하는 경우가 있겠네요! 이런 경우에 어떻게 코드를 짜야할지 한번 알아볼까합니다. 1. keyPress event key 이벤트는 몇가지로 나눌 수 있는데 일단 KeyPress 이벤트로 줘봅시다. 이런식으로 pwd라는 입력폼에서 키보드가 … Read more
#자바스크립트 #유용한함수 #태그제거 #정규식 안녕하세요, 배곧동개발자 입니다. 이번엔 HTML 태그를 없애는 자바스크립트를 포스팅 해보려 합니다! 간혹 게시판 본문 내용과 같이 DB에 HTML을 다 넣어놓는 경우가 있습니다. DB 불러와서 innerHTML을 입히면 바로 페이지가 만들어지므로 어찌보면 편하니까요? 하지만! 그걸 마이그레이션 할 때 또는 여러 경우에서 불편함이 있습니다! 위에는 한 가지 예일 뿐이고 여러 방면에서 HTML태그를 없앨 필요성들이 … Read more
#자바스크립트 #숫자검사함수 #리턴값체크 #날짜검사함수 #대충가져다쓰면되 #숫자체크로직 #날짜체크 #아스키코드표 #숫자아스키코드 안녕하세요, 배곧동개발자 입니다. 웹페이지를 만들다보면 여러가지 입력을 받게되고, 그 입력값들에 제약을 걸어야되는 상황들이 생겨요. 예를들면 날짜라던가 우편번호라던가는 무조건 숫자여야지요? 이럴 때 사용하는 javascript 로직이에요. 자바스크립트 이벤트 중 blur에 넣거나 commit 전, vaildation check할때 넣어주세요. 원리는 뭐 간단히 아스키코드를 이용하는거구요. 문자열 하나씩 체크하면서 숫자가 아닌것 찾아내는거에요. 저는 … Read more
#navigator.clipboard.writeText #자바스크립트 #ChatGPT #챗지피티 #JS #개발 #코딩 #자바 안녕하세요, 배곧동개발자 입니다. 웹개발을 하다보면 텍스트를 클립보드에 저장하여 활용해야하는 경우가 가끔 생기지요. 기존에 익스플로러가 대중적 일 때에는 아래 로직을 많이 썼었어요. 하지만, 이제 우리가 브라우저의 대세가 바뀌었죠? 익스플로러는 사장되었고 크롬, 웨일 가끔 엣지? 아쉽게도 위에 저 로직은 크롬과 웨일에서 작동이 되지 않습니다. 그렇다면! 방법이 없을까? 하다가 요즘 … Read more