FRONT-END
-
[jQuery] jQuery 를 이용해 checkbox, radio 에 checked 속성 넣기FRONT-END/jQuery 2020. 10. 14. 12:49
| 출력결과 | 전체코드 가장먼저, CDN 방식으로 jQuery를 import를 해주고 attr 를 사용해서 checked 속성을 넣어주는것. [boardEdit.jsp] 이름: 제목: 내용: ${dto.content} 성별: 남자 여자 취미: 게임 공부 스키 영화 파일: 현재 설정되어 있는 파일 : ${dto.img_file_name} [index.jsp] [게시판등록] [전체출력]
-
[Node.js] Node.js 개발환경 셋팅#MacFRONT-END/Javascript 2020. 9. 30. 22:24
VScode에서 javascript 개발환경 설정 1) npde.js 사이트에 접속한다. nodejs.org/ko/ 2) 안정적인 옛날 버전 또는 트렌디한 최신 버전 중에 하나를 설치한다. 3) 설치가 됐다면 실행해서 다운로드한다. 약관동의만 하면 1분도 안되서 다운로드된다. 4) 설치가 완료 되었다면 터미널을 실행한 후 설치가 잘 됐는지 확인한다. node -v npm -v 위의 명령어를 터미널에 입력하고 아래 처럼 버전에 대한 정보가 나오면 설치 성공 5) 그럼 이번에는 node를 실행해본다. 터미널에 node 를 입력하고 엔터를 쳐본다. 6) 아래처럼 javascript 언어로 이것저것 입력해본다. > var a = 1; > a 1 > function b() { ... return 'hello no..
-
[HTML] checkbox 값 알아내는 방법FRONT-END/HTML 2020. 9. 23. 16:33
이용약관 동의 이렇게 생긴 html의 태그의 값 알아내는 간단한 방법 Javascript 에 이렇게 적어본다 function wannaknowcheck(){ var check = signup_form.agree.value; alert(check); return; } 그러면 이렇게 checkbox 값을 확인할 수 있는 확인창이 뜬다. 하지만 이 방식은 체크를 해도 안해도 on 이 나온다. 그럼 어떻게 해야할까? function wannaknowcheck(){ var check = signup_form.agree.checked; alert(check); return; } value 부분을 checked 로 바꿔준다. 이렇게하면 체크가 안되어 있는경우는 false 체크가 되어 있는 경우는 true 를 반환한다..
-
[jQuery] jQuery UI slider 값을 서블릿 java 문서로 값가져오기FRONT-END/jQuery 2020. 9. 20. 16:37
jqueryui.com/slider/#custom-handle Slider | jQuery UI Slider Drag a handle to select a numeric value. The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 jQuery UI Slider - D jqueryui.com 사용자가 후기를 작성할때 각각의 점수를 정하도록 하고 싶어서 jQuery UI slider를 사용해보기로 했다. 내가 사용한 Slid..
-
-
[Javascript] 반반피자 주문화면 만들기FRONT-END/Javascript 2020. 8. 18. 15:51
초기화면 왼쪽 피자를 선택한다. background-image의 url 경로를 변경해줘서 반쪽 선택 완료시 상단의 이미지가 변한다. 완성 피자를 선택하세요 도이치휠레 더블치즈엣지 도이치휠레 리얼바비큐 더블치즈엣지 리얼바비큐 베이컨체더치즈 더블치즈엣지 베이컨체더치즈 불고기 더블치즈엣지 불고기 브레이즈드 포크 슈퍼디럭스 더블치즈엣지 슈퍼디럭스 슈퍼슈프림 더블치즈엣지 슈퍼슈프림 와규 앤 비스테카 직화 스테이크 치즈피자 치즈피자 더블치즈엣지 킹프론 씨푸드 페퍼로니 더블치즈엣지 페퍼로니 포테이토 더블치즈엣지 포테이토 피자를 선택하세요 도이치휠레 더블치즈엣지 도이치휠레 리얼바비큐 더블치즈엣지 리얼바비큐 베이컨체더치즈 더블치즈엣지 베이컨체더치즈 불고기 더블치즈엣지 불고기 브레이즈드 포크 슈퍼디럭스 더블치즈엣지 슈퍼디..