javascript
-
[React] npm, Node.js, ES6FRONT-END/React 2020. 11. 5. 11:19
| npm 이 뭘까? npm is the package manager for the Node JavaScript platform npm 은 노드 자바스크립트 플랫폼을 위한 패키지 매니저다. | npm 의 위치/경로 C:\Program Files\nodejs npm을 통해서 모듈을 다운받고 그 모듈을 통해 작업을 수행한다. | Node.js 가 뭘까? Node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임이다. | ES6 이 뭘까? ES6 은 자바스크립트 표준규격 버전6이다. | 자바스크립트와 ES6 의 다른점? 순수 자바스크립트 ES6 자바스크립트 var 사용 const, let 사용 권장 | 새로운 작업폴더 생성 cd Desktop npx create-react..
-
[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 를 반환한다..
-
-
#4 게시판 만들기 - 회원가입 자리수, 공백란 예외처리BACK-END/JSP 2020. 7. 23. 15:17
회원가입시 입력해야만 하는 데이터가 입력되지 않았는데, 빈 내용이 그대로 등록이 되는 사이트는 세상 어디에도 없을것이다. 그래서 입력칸의 자리수를 초과하거나 빈칸인 상태일때 [등록하기] 버튼을 누르면 알림창이 뜨게끔 구현해보았다. 이 부분을 나머지 칸들에도 적용했다. ● guestWrite.jsp 코드 더보기 guestWrite.jsp문서 입력화면 사번 : 이름 : 제목 : 급여 : 메일 : [회원등록] [메인화면] [전체출력]
-
3# 게시판 만들기 - 회원가입 기능 추가BACK-END/JSP 2020. 7. 23. 14:22
지금까지 제가 만들어둔 JSP 파일은 이렇습니다. 선택되지 않은 파일은 게시판과 관련 없는 파일들이니 무시하셔도 괜찮아요. 제일 먼저 실행되는 페이지는 guestList.jsp 이고 전역변수와 스타일은 모두 ssi.jsp 에 빼주었습니다. 파일을 만들때마다 긴 코드들을 매번 적어줘야하니 번거로움이 이만저만이 아닙니다. 이런 경우, 한 파일에 import 문을 모두 적어주고 style 도 적어줍니다. 그리고 자주 사용하는 Java코드도 태그를 이용해서 적어줍니다. 이 파일을 다른 파일에서 임포트 하면 ssi 파일에 있는 모든 속성들을 사용 할 수 있게 됩니다. ● ssi.jsp 더보기 ● guestList.jsp 페이지 현재 모습 [실행] guestList [수정] guestList -> 제목 클릭 -> ..