본문 바로가기
728x90
반응형

Coding594

[HTML & CSS] 버튼클릭으로 로딩바(Loding Bar) 만들기! [HTML & CSS] 버튼클릭으로 로딩바(Loding Bar) 만들기! 스크립트에 Jquery를 꼭 추가해주셔야 합니다 !! 로딩바 로딩중입니다.. 결과값 로딩바 로딩중입니다.. 2022. 4. 11.
[HTML & CSS] <button> 버튼 onclick 이벤트로 링크 이동 및 넣는법 - 초간단 !! [HTML & CSS] 버튼 onclick 이벤트로 링크 이동 및 넣는법 - 초간단 !! 버튼 onclick 이벤트로 링크 이동 현재페이지에서 이동 새탭으로 이동 결과값 버튼 onclick 이벤트로 링크 이동 현재페이지에서 이동 새탭으로 이동 2022. 4. 8.
[JavaScript] Uncaught TypeError: check.test is not a function 정규식 에러 발생시 JavaScript에서 정규식 에러 발생시 에러내용 : Uncaught TypeError: check.test is not a function 비밀번호 체크 정규식을 사용하는 과정에서 Uncaught TypeError: check.test is not a function 에러가 발생하였다. 와 같이 new RegExp() 로 선언해주니 오류가 발생하지 않는다. 2022. 3. 22.
[JavaScript & jQuery] 비밀번호(password) 유효성 검사 정규식! JavaScript & jQuery 비밀번호(password) 유효성 검사 정규식! 코드에 여러 조건 걸어놓았습니다. 필요한 부분만 복붙하여서 바로 테스트 해보세요 !! 2022. 3. 21.
[Spring Boot] 스프링부트에서 JSP view 설정하기 !! Spring Boot 스프링부트에서 JSP view 설정하기 !! 기본적으로 spring-boot-starter-web 에 포함된 tomcat 은 JSP 엔진을 포함하고 있지 않기 때문에 jsp 파일은 Springboot 의 templates 폴더안에서 작동하지 않게 됩니다 !! jsp를 적용하기 위해서 아래와 같은 의존성을 추가 해주셔야 합니다. pom.xml javax.servlet jstl org.apache.tomcat.embed tomcat-embed-jasper build.gradle dependencies { implementation 'javax.servlet:jstl' implementation "org.apache.tomcat.embed:tomcat-embed-jasper" } 의존성 .. 2022. 3. 3.
[JavaScript & jQuery] 체크박스(Checkbox) 체크 유무 및 확인 방법 JavaScript & jQuery 체크박스(Checkbox) 체크 여부 및 확인방법 - 예제 코드 - jQuery를 사용하여 체크 박스를 클릭했을시 체크 유무를 알 수 있습니다! 결과값 2022. 2. 11.
[HTML & CSS] 입력한 상태 그대로 보여 주는법, <pre> 태그 사용법 !! [HTML & CSS] 입력한 상태 그대로 보여 주는법, 태그 사용법 !! 긴 문장을 원하는 형태로 출력하고 싶은데 아쉽게도 실제 브라우저에선 아래 사진처럼 보이게 된다ㅠㅠ 하지만 이럴때 태그를 사용한다면 ! 아래와 같은 내가 원하는 형식으로 출력이 된다, 거기에 태그를 넣어 꾸미기도 가능해진다!! 2022. 2. 9.
[JavaScript] 현재 날짜와 시간 함수 사용법 new Date() - 년, 월, 일, 시, 분, 초 [JavaScript] 현재 날짜와 시간 함수 사용법 new Date() - 년, 월, 일, 시, 분, 초 설명없이 바로 코드로 보여드리겠습니다 !! let now = new Date(); // 현재 날짜 및 시간 let year = now.getFullYear();// 연도 let month = now.getMonth();// 월 let date = now.getDate();// 일 let day = now.getDay(); // 요일 let hours = now.getHours();// 시간 let minutes = now.getMinutes();// 분 let seconds = now.getSeconds();// 초 new Date()로 객체를 생성 후 원하는 것들을 get으로 가져오시면 됩니다 :) 2022. 2. 8.
[HTML & CSS] select option태그에 placeholder(플레이스 홀더) 기능 처럼 꾸미기 && 효과내기 [HTML & CSS] select option태그에 placeholder(플레이스 홀더) 기능 처럼 꾸미기 && 효과내기 굳이 이런저런 설명 없이 바로 코드로 보여드리겠습니다 !! 메뉴 선택 아메리카노 카페라떼 그린티라떼 유자차 태그의 required 속성은 폼 데이터(form data)가 서버로 제출되기 전 사용자가 반드시 드롭다운 리스트의 값을 선택해야 함을 명시합니다. required 속성은 불리언(boolean) 속성입니다. 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다. 태그의 disabled 속성은 해당 옵션이 비활성화됨을 명시합니다. 태그의 selected 속성은 페이지가 로드될 때 옵션 중에서 미리.. 2022. 2. 3.
728x90
반응형