[JavaScript] 숫자 체크 로직

#자바스크립트 #숫자검사함수 #리턴값체크 #날짜검사함수 #대충가져다쓰면되 #숫자체크로직 #날짜체크 #아스키코드표 #숫자아스키코드 안녕하세요, 배곧동개발자 입니다. 웹페이지를 만들다보면 여러가지 입력을 받게되고, 그 입력값들에 제약을 걸어야되는 상황들이 생겨요. 예를들면 날짜라던가 우편번호라던가는 무조건 숫자여야지요? 이럴 때 사용하는 javascript 로직이에요. 자바스크립트 이벤트 중 blur에 넣거나 commit 전, vaildation check할때 넣어주세요. 원리는 뭐 간단히 아스키코드를 이용하는거구요. 문자열 하나씩 체크하면서 숫자가 아닌것 찾아내는거에요. 저는 … Read more

[JavaScript] 텍스트 클립보드에 복사하기

#navigator.clipboard.writeText #자바스크립트 #ChatGPT #챗지피티 #JS #개발 #코딩 #자바 안녕하세요, 배곧동개발자 입니다. 웹개발을 하다보면 텍스트를 클립보드에 저장하여 활용해야하는 경우가 가끔 생기지요. 기존에 익스플로러가 대중적 일 때에는 아래 로직을 많이 썼었어요. ​하지만, 이제 우리가 브라우저의 대세가 바뀌었죠? 익스플로러는 사장되었고 크롬, 웨일 가끔 엣지? 아쉽게도 위에 저 로직은 크롬과 웨일에서 작동이 되지 않습니다. 그렇다면! 방법이 없을까? 하다가 요즘 … Read more

[JQuery] Ajax 비동기 파일전송

#제이쿼리 #페이지변환없이 #해보자 #multipart/form-data #FormData #한참찾던거 #JS #자바스크립트 #개발 #코딩 #자바 안녕하세요, 배곧동개발자 입니다. ajax를 통해 비동기 데이터 전송을 많이 하실텐데, 파일을 옴길때는 꼭 폼을 submit 시키는 경향이 있더라구요. 파일도 비동기로 전송할 수 있습니다! ​1. ajax 파일전송 로직 이렇게 FormData를 써서 한번에 넘겨버리면 그만! 당연히 multipart/form-data 는 지켜줘야합니다. 2. 자바에서 받는 로직 이렇게 자바쪽으로 보낸 … Read more

[JavaScript] 날짜를 비교해보자!

#자바스크립트 #JS #jsp #일자비교 #현재날짜비교하기 #newDate() 안녕하세요, 배곧동개발자 입니다. ​오늘 코딩을 하다가 자바스크립트로 날짜를 비교할 일이 있었는데 너무 생소한거 있지요? 보통 쿼리나 자바로는 많이 비교했었는데 자바스크립트로는 안해봤었나봐요- ​고로, 자바스크립트를 통한 날짜 비교를 알아볼까해요! 1. 날짜 비교 로직 ​로직은 아주 간단해요- 비교값을 년, 월, 일로 잘라서 new Date() 를 통해 날짜 형태로 치환한 다음 비교한다. 정도로 … Read more

[JavaScript] 날짜 컨트롤은 moment

javascript #js #라이브러리 #자바스크립트 #제이쿼리안녕 #모먼트js #moment.js 안녕하세요, 배곧동개발자 입니다. ​오늘 새로운 자바스크립트 라이브러리를 알게되어(이제야?) 슬쩍 사용법을 정리할 겸 소개도 할 겸 올려봅니다- 자바스크립트로 날짜 관련된 컨트롤 하기 여간 화딱지나는게 아니지요? new Date() 선언 하고 뭐 포멧 어쩌구 저쩌구… 이거 하나 쓰면 편리합니다- 1. moment.js 인터넷 기사에서 제이쿼리가 죽어가고있고 lodash, moment가 뜨고있다고 해서 뭔가해서 찾아본 … Read more

[JavaScript] 브라우저 콘솔로 스크립트 동적 테스트

#자바스크립트 #크롬도되지롱 #디버깅 #JS문법도되 #동적CSS수정 #스크립트동적적용 #colsole 안녕하세요, 배곧동개발자 입니다. 웹 개발을 하다보면 페이지 내에 객체를 컨트롤 할때 jsp나 js 열어서 수정하고 페이지 새로고침해보고 만약 아니면 또 수정하고 새로고침해보고. 이거 반복하기 엄청 짜증나시죠? 쉽게 하는 방법을 알려드릴까해요. 1. 개발자도구 F12를 눌러서 개발자 도구를 들어가 CSS를 수정하는 방법은 많이들 쓰시는 그냥 흔한 방법이지요. (콘솔도 흔한데, 모르는분들이 … Read more

[JavaScript] 클래스 선언 및 사용하기

#자바스크립트 #class #클레스 #constructor #생성자 #JS #개발 #코딩 #자바 안녕하세요, 배곧동개발자 입니다. 요즘 지식in에 답변을 좀 달아주면서 재미를 좀 찾고 있는데, 자바스크립트에서 클래스를 사용하는 것에 대한 질문들이 조금 있더라구요? 저는 사실 자바스크립트에서 클래스를 잘 쓰지 않고 Json으로 넘겨받아 사용하기에 클래스를 쓸 일도 없고 공부할 일도 거의 없다보니 개념이 헷갈렸어서 슬쩍 한번 남겨봅니다. ​1. 클래스 선언하기 … Read more