| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
- vscode
- MySQL
- egov
- AndroidStudio
- 쿼리
- 동적쿼리
- react
- 콜백
- 국제화
- C#크롤링
- jQuery
- MVC
- Java
- Spring
- node.js
- c:forEach
- RequestMethod.POST
- mybatis
- jsx
- fullcalendar
- HTTP
- android
- SQL
- NPM
- JavaScript
- 서드파티모듈
- JSTL
- iBATIS
- Callback
- c:choose
- Today
- Total
목록javascript (23)
Today Yewon Learned
function save() { var param = "TEST1=" + $('input[name=TEST1]').val() + "&TEST2=" + "D" + "&TEST3=" + "001"; PostData('./action.do', param, search_func); }
- id 사용 $("#id").on("propertychange change paste input", function() { } - name 사용 $("input[name="name").on("propertychange change paste input", function() { } [참고] https://chobopark.tistory.com/229 [Jquery] input 실시간 감지 기능 (영상 有) 안녕하세요. 오늘은 제이쿼리를 이용하여 input칸의 실시간 감지 기능으로 작업을 정리해보았습니다. 저는 input칸의 숫자를 실시간으로 합계칸에 더해줄 예정입니다. 영상을 보시면, 각 연령대별 chobopark.tistory.com
function PostData(_url, _data, callbackFunc, chk) { if (chk == undefined) { $('#loading').css('display', 'block'); } $.ajax({ url : _url, //데이터를 주고 받을 파일 주소 입력 type : 'POST', //데이터 전송 타입 data : _data, //보내는 데이터 beforeSend : function() { }, success : function(data, status, xhr) { //작업이 성공적으로 수행된 경우 if (checkTimeout(xhr)) { if (callbackFunc != undefined) callbackFunc(data); } }, error : function(x..
기존 요소의 내부 변경 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정한다. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정한다. .html() 메소드 .html()메소드는 선택한 요소의 내용을 새로운 HTML 요소로 변경한다. .html() 메소드 안녕하세요. 문장 변경 결과) .text() 메소드 .text()메소드는 선택한 요소의 내용을 단순 text로 변경한다. .text() 메소드 안녕하세요. 문장 변경 결과) [참고] : https://www.devkuma.com/
구현 목표 로그인 시 쿠키 생성 로그아웃 및 일정 시간이 지나기 전까지는 브라우저가 닫혀도 로그인 상태 유지 로그아웃을 하거나 일정 시간이 지나면 자동으로 쿠키 삭제 로그인 로그인 유지 로그인 대표전화 070 4333 8844 로그아웃 ${DEPT_NM} function logout() { deleteCookie('USER_ID'); deleteCookie('USER_PWD'); _go('./logout.do'); } function deleteCookie(cookieName){ var expireDate = new Date(); expireDate.setDate(expireDate.getDate() - 1); document.cookie = cookieName + "= " + "; expires=" +..
Alert(경고창) - alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 사용하는 함수 alert("완료"); Prompt(입력창) - prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수 var userInput = prompt("당신의 이름은 무엇인가요?" + ""); Confirm(선택창) - confirm함수는 사용자에게 True / False값을 리턴받을 수 있는 팝업창을 띄워주는 함수 if (confirm("삭제 하시겠습니까?") == true){ // 삭제 수행 코드 else { return; }
서드파티 모듈 설치 - npm install 모듈명 - 서드파티 모듈 설치시, 작업하던 디렉토리 안에 package-lock.json파일과 node_modules라는 디렉토리가 생성됨 - package-lock.json : 설치된 서드 파티 모듈에 관한 정보 - node_modules : 실제 서드파티 모듈들이 설치되는 디렉토리 * 모듈 설치시, 모듈의 이름이 파일이 아니라 디렉토리 이름인 것을 확인할 수 있음 모듈의 이름 - 모듈의 이름은 어떠한 파일일 수도 있고, 디렉토리일 수도 있다. Node.js에서 모듈이 검색되는 순서 require()함수 - ()안에 써준 인자를 보고 알맞은 함수를 로드 1. packge.json이라는 파일을 가진 디렉토리가 패키지다. 2. 하나의 서드 파티 모듈은 하나의 패..
app.get('/users/:id', (request, response) => { console.log(request.params); //const userName = users[request.params.id - 1]; //response.end(`${userName}`); }); Express 모듈 - 서드 파티 모듈 (다른 개발자나 회사에서 공개해둔 모듈) - Node.js 는 자바스크립트 실행환경 - Express모듈은 Node.js에서 실행될 서버 프로그램을 간편하게 만들 수 있게 해주는 프레임워크 - Express를 사용하면, 서버 프로그램이 갖춰야하는 기능을 편하게 구현할 수 있음 Express 모듈 설치방법 - npm : Node Package Manager 의 줄임말로 서드 파티 모듈을..