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

sql 연동 중 수정값이 반영 안되는 오류, sql연동 중 db table 이름이 안 읽히던 오류, ajax 사용 시 form action을 사용하면 안되는 이유

오늘도 어김없이 여러가지 오류로 머리가 좀 아팠는데 다행히 전부 다 해결해서 잘 수 있게 됬다. 빡쳤던 오늘의 오류를 하나씩 보자 1. CRUD를 연습하다가 sql의 DB연동은 정상적으로 연동이 되는데 수정값이 db에 반영이 안되던 이유 - 정말 단순하게 form안에 submit시 반영될 value값을 미리 지정해놓으니까 받아온 값 그대로 재반영이 되서 안바뀐거;; 솔직히 쓰기도 좀 쪽팔리지만 나중의 동일한 실수를 막기 위해 기록 2. add를 할 때 excuteQuery로 DB를 연동하는데 자꾸 그지같은 You have an error in your SQL syntax; check the manual that corresponds to your MySQL 오류 발생 - 아니 당연히 서식이 틀려서 나오는..

• format_list_bulleted 국비과정/프로젝트 오류노트
• · 2022. 3. 18.
• textsms

mySQL 서버 연동 문제 해결

정말 간단한 문제였는데 원인을 한번도 경험하지 못해서 시간이 많이 걸렸던 점이 좀 빡친다. 아래의 코드를 통해서 DB의 데이터에 접속한 후 리스트를 화면에 출력하는 내용이였는데 자꾸 Connection이 null이라고 출력됬다. 아무리봐도 null이 될만한 껀덕지가 없었는데, 알고보니 그 이유는 JAR 파일이 안들어가서 이클립스가 DB랑 연동을 못했던거 ㅎㅎ 꼭 JAR파일 넣고 시작하자 WEB-INF > lib ㅅㅂ package com.DAO; import java.sql.Connection; import java.sql.Date; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import j..

• format_list_bulleted 국비과정/프로젝트 오류노트
• · 2022. 3. 17.
• textsms

DB - mySQL을 JAVA와 연동하기

오늘의 DB를 연동시킬 수 있게 도와주는 새로운 클래스는 Connection, Statement ,ResultSet! DB를 연동시키기 위해서 하나의 파일을 다운받아야 하는데, 이 JAR파일이 Connection의 인터페이스 메서드를 오버라이딩 해줌으로써 SQL와 연동시킬 수 있다. Connection은 인터페이스로 개발자가 서버 연동을 위해 메서드를 구현할 필요 없이 서버 배포자에게 메서드 구현을 전가해 개발자의 편의를 높였다. 아래의 링크에 들어가서 JAR파일을 다운받고, 프로젝트의 build path에 들어가서 classpath에 넣어주자. https://mvnrepository.com/artifact/mysql/mysql-connector-java/8.0.28 솔직히 DB 연동하는 법을 먼저 배울..

• format_list_bulleted 국비과정/DB - mySQL
• · 2022. 3. 16.
• textsms

mySQL 더블쿼리, foriegn key, union, outer join 사용법

더블쿼리 더블쿼리를 주는 간단한 예제 CROSS JOIN을 사용해서 각각의 table value 값에 average 값을 추가 SELECT * FROM dbtable, (SELECT avg(sal) FROM dbtable)ts WHERE sal > (SELECT avg(sal) FROM dbtable); #크로스 조인을 사용해서 평균값과 평균보다 급여를 많이 받는 인원을 표시 FORIEGN KEY FORIEGN KEY를 설정할 때 부모와 자식간에 값의 변동이 있으면 table value값이 고아(?)가 되므로 찾을 수가 없다. 따라서 on update cascade, on delete cascade를 사용해서 값이 지워질 때나 변경될 때 두 table이 연동하여 변경되도록 설정 #부모의 값이 변경되면 자..

• format_list_bulleted 국비과정/DB - mySQL
• · 2022. 3. 16.
• textsms

mySQL - describe, ordered by, length 등 총 함수 설명

describe city; # 테이블 보기 desc country; # describe 줄여서 가능 desc countrylanguage; select * from city; select name, District from city where 5000000 = 5000000; #groub by 뒤에 where을 사용할 수 없으므로 having을 대신 사용 = having 사용 시 동일한 max나 min같은 조건문을 달아줘야됨 select name, CountryCode, Population, sum(Population) from city group by CountryCode, name with rollup; #중간결산인 rollup, name과 countrycode로 묶은 값의 인구수 총합을 중간에 출력..

• format_list_bulleted 국비과정/DB - mySQL
• · 2022. 3. 15.
• textsms

mySQL 서버 설치하는 방법

1. 하단 mySQL community download 클릭 2. installer for Windows 클릭 3. 용량 큰 파일 다운로드 설치 후에 아래의 친절한 블로그 참조 https://m.blog.naver.com/bjh7007/221829548634 [MySQL] MySQL 다운로드 및 설치 방법(Workbench) 안녕하세요 이번에는 MySQL을 Windows10 운영체제에서 간단히 설치하는 방법에 대해서 알아보도록 하... blog.naver.com

• format_list_bulleted 국비과정/DB - mySQL
• · 2022. 3. 15.
• 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