반응형 개발/JavaScript13 [JavaScript] CheckBox 전체 선택, 전체 해제 하기 이름 번호 흰둥이1 000-0000-0000 흰둥이2 111-1111-1111 핵심은 동일한 name 을 주고 제어를 해주면 된다 2025. 2. 23. [JavaScript] 파일선택 시 이미지 미리보기(FileReader) 이미지를 업로드 하기 전에 미리보고 싶은 경우가 있다매번 base64 로 인코딩 하기도 번거로운데 좋은 함수가 있더라 이미지 표시 FileReader 를 이용하여 선택한 이미지를 바로 변환시킨다이미지가 아닌 경우 이미지가 나오지 않으니 중간에 검증 로직은 꼭 추가 해야 할것! 2025. 2. 22. [JavaScript] jQuery 를 이용한 Enter key 적용하기 입력필드에서 데이터를 전송하거나 동작할 때 마우스로 버튼을 클릭하는게 아닌키보드의 Enter 키를 눌렀을 때 동작 할 수 있게 Enter 를 인지하게 해주는 코드다 $(document).ready(function() { $("#text").on("keyup", function (event){ if (event.key === 'Enter' || event.keyCode === 13) { alert("Enter Key를 눌렀습니다."); } })}); 2024. 8. 2. [JavaScript] document.form.submit() 사용하기 form 태그 사용할 때 button type="submit" 또는input type="submit" 을 사용하게 된다(form 안에 button 사용 시 type을 설정하지 않으면 default로 submit 이 된다) .. .. ..동적으로 submit 제어 중document.form.submit() 을 사용하다 에러가 계속 뜨길래찾아보니 name 값으로 submit 이 된다고 하여 정리해본다. 2024. 7. 10. [JavaScript] setInterval() 함수 사용하기 setInterval() 은 일정한 시간 간격을 두고 반복해서 실행해야 할 때 사용하는 함수다 위와 같은 코드로는 페이지 접속 시 3초 마다 console.log가 찍힌다 일정시간마다 데이터를 새롭게 불러오고 싶다거나 일련의 동작이 필요한 경우 해당 함수를 이용하면 지정한 시간마다 동작하게 된다 필요할 때만 일정 시간마다 동작하도록 하고 싶다면 setInterval()을 function으로 만들어서 버튼 형태로 만들어서 사용해도 좋을 것이다 clearInterval() 함수는 setInterval()을 종료시켜준다 2023. 7. 30. [JavaScript] URL 직접 접근 막기 사이트의 메뉴를 눌러가며 이동할 경우 개발자도구 -> Network에 해당 페이지 Headers 정보를 보면 이전 페이지의 주소를 담고 있다 하지만 URL 창에 직접 타이핑하여 접속하는 경우는 Headers 정보가 남지 않는다 그걸 이용한 URL 직접 접근 막기이다 공통의 Layout 페이지에서 사용하면 모든 페이지 이동 시 사용가능하고 단점으로는 직접 접근한 페이지에 접속했다가 코드에 의해 예) '/login' 페이지로 이동된다 2023. 7. 29. 이전 1 2 3 다음 반응형
