자바스크립트를 통한 객체(div태그) 슬라이드 효과 주는 법

아래의 코드를 사용하면 간단하게 처리가 가능하다. slideToggle jquery를 사용한다면 그 아이디, 혹은 클래스의 태그에 슬라이드 효과를 줄 수 있다. https://887392.playcode.io 887392 Please confirm that you want to open a website made on PLAYCODE. 887392.playcode.io 예시코드: js $('.slideButton').click(function(){ $('.scrolldown').slideToggle(); }) html click me to slidedown! scrolldownTag css는 생략하겠습니다

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 4. 20.
• textsms

원하는 데이터만 사용할 수 있는 ajax용 FormData

항상 ajax는 submit으로만 해결했는데 form 없이 원하는 데이터를 뽑아쓸 수 있는 방법이 있다. 바로 FormData! // 원하는 필드만 넘겨주는 방식 var formData = new FormData(); formData.append("title", $("#title").val()); formData.append("content", $("#content").val()); formData.append("file", $("#file")[0].files[0]); $.ajax({ type: 'POST', url: '/board/save', processData: false, // 필수 contentType: false, // 필수 data: formData, success: function(data..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 4. 5.
• textsms

파이썬 (1054, "Unknown column 'nan' in 'field list'")

에러 해결 한줄요약: 데이터 안의 값이 nan일경우 DB의 연동이 안됨. 따라서 nan을 null로 바꿔주면 해결 = DataFrame을 지정할 때 .fillna(0)를 써준다 예시: for j in range(len(list)): df = pd.DataFrame(data).fillna(0) # 저장할 때 nan값을 0으로 일단 치환해야 오류 발생없음 오류 발생 내용: 파이썬을 통해 DB를 연동하던 중 데이터 값이 nan을 출력하는 경우 오류를 반환. 따라서 DataFrame을 저장할 때 .fillna(0)을 써줘서 nan 값을 0으로 치환했다.

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 19.
• textsms

JS 마우스 이벤트 관련

click 사용자가 요소 클릭하면 이벤트 발생. MouseEvent contextmenu 사용자가 마우스 오른쪽 버튼을 클릭하여 컨텍스트 메뉴를 열 때 이벤트 발생. MouseEvent dblclick 사용자가 요소를 두 번 클릭하면 이벤트 발생. MouseEvent mousedown 사용자가 요소 위에서 마우스 단추 누를 때 이벤트 발생. MouseEvent mouseenter 마우스커서가 요소 위로 이동하면 이벤트 발생. MouseEvent mouseleave 마우스커서가 요소 밖으로 이동하면 이벤트 발생. MouseEvent mousemove 마우스커서가 요소 위에 있을 때 이벤트 발생. MouseEvent mouseover 마우스커서가 요소 위로 이동하거나 해당 자식 중 하나 위로 이동하면 이벤트..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 18.
• textsms

EL expression EL 표기법 사용하기

JSP에서 를 사용하여 자바를 사용할 수 있지만 이 방식으로 사용 시 JSP가 매우 더러워질 수 있다. 본래 JSP의 목적에 맞게 VIEW로만 활용하여 깔끔한 코드를 유지해야 하는 것이 맞기 때문에 EL 표기법을 사용하여 깔끔한 코드를 유지할 수 있다. EL의 표기법은 ${ }을 사용하면 된다 // Jquery 표기법과 헷갈리지 말자! = $(' ') 제목: 내용: ${bvo.content} 위의 코드처럼 일반적으로는 attribute를 받고 과 같이 사용하는 것도 가능하지만 코드의 가독성이 떨어진다. 따라서 EL 표기법을 사용하여 ${bvo.content}로 간편하게 사용하여 표기할 수 있다. - private으로 설정했지만 get등의 표기법을 생략하고 .content로 바로 표기 가능. 리스트 형식을..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 14.
• textsms

자바스크립트 이벤트 종류

여기서 JS function 호출하려면 앞에 on을 붙여서 선언 예시: onsubmit = "return login();" * 세미콜론, return () 잊지말자 1. 자바스크립트 이벤트 종류 ☞ jQuery 이벤트 참조 ㅇ 마우스 이벤트 - click : 마우스 버튼 클릭하고 버튼에서 손을 뗌 - dblclick : 마우스 버튼을 두 번 연속 더블 클릭 함 - mousedown : 마우스 클릭의 앞 절반 (버튼을 누름) - mouseup : 마우스 클릭의 뒤 절반 (버튼을 뗌) . 드래그 앤 드롭 이벤트 : 위 두 이벤트(mousedown, mouseup)로써 구현 - mouseover : 마우스 포인터가 요소 위에 올라감 - mouseout : 마우스 포인터가 요소 밖으로 벗어남 - mousemov..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 9.
• textsms

ajax 이해 안될 때 이걸 참조하자

1번 public class BbsService else if(cmd.equals("save")) { String uid = (String)request.getSession().getAttribute("uid"); String title = request.getParameter("title"); String contents = request.getParameter("contents"); java.util.Date today = new java.util.Date(); java.sql.Date sqlDate = new java.sql.Date(today.getTime()); BoardVO board = new BoardVO(); board.setAuthor(uid); board.setTitle(title);..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 8.
• textsms

Java Script의 let과 constants, template literal(backtick 사용)

Java를 선언할 때 기본형을 선언하여 값을 배정한다면 자바 스크립트에는 let으로 변수를 선언한다. let v= 3; 3 const final = 'immutable'; 기본형 변수가 let이라면 자바의 final, 즉 상수를 const라는 자료형으로 선언한다. Template Literal template literal을 사용할 때 quatation mark인 '' 를 사용하면 동작이 안된다. 키보드 왼쪽 상단에 Tap버튼 위의 backtick을 사용해야 정상작동 된다. - 처음 배울 때 quatation mark랑 헷갈려서 좀 빡침 let a = 1; let b = 2; console.log(a+'${b}'); //quatation mark console.log(a+`${b}`); //backtic..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 7.
• textsms