Today I Learned

appendChild(노드) 자식 노드의 뒤에 노드가 삽입됨. 소스코드 let el = document.getElementById('form'); let input = document.getElementById('param1'); el.appendChild(input); 결과 insertBefore(노드, 기준 노드) 기준 노드의 앞에 노드가 삽입됨. 소스코드 let el = document.getElementById('form'); let input = document.getElementById('param1'); el.insertBefore(input, el.childNodes[4]); // el.childNodes[4] 앞에 input이 삽입..

parentElement 부모 element를 가져온다. parentNode 부모 element를 가져온다. 소스코드 button let el = document.getElementById('param1').parentElement; console.log(el); let el2 = document.getElementById('param1').parentNode; console.log(el2); 결과 차이점 parentElement: 부모 element 노드를 반환. 부모 element 노드가 더이상 없을 경우 null 반환한다. parentNode: 종류에 상관없이 부모 노드를 반환. parentElement는 까지 거슬러 올라가고, document까지 가고 싶지 않을 때 사..

querySelector('.클래스명') HTML에서 해당 클래스명를 사용하는 첫번째 요소를 찾음. getElementById('id') HTML에서 해당 id를 가지고 있는 요소를 찾음 소스코드 button let el = document.getElementById('param1'); let el2 = document.querySelector('.param'); console.log("document.getElementById('param1') : ", el); console.log("document.querySelector('param') : ", el2); 결과 참조 https://www.w3schools.com/..

this로 전달한 경우 button function run(el){ console.log(el); } 실행결과 button input element를 전달한 경우 button function run(el){ console.log(el); console.log(el.value); } 실행결과 seogineer

Ajax(Asynchronous Javascript And XML) 웹페이지에서 데이터를 갱신할 때, 웹페이지 전체를 새로고침 없이 데이터를 갱신할 수 있는 기술 XMLHttpRequest 객체를 사용해서 서버와 통신한다. XML, Plain Text, JSON 포맷의 데이터를 주고 받을 수 있다. HttpRequest 만드는 방법 open(param1, param2, param3) param1(필수): HTTP 요구 방식(request method), GET, POST, HEAD 중 하나의 방식을 사용(대문자 사용 필수). param2(필수): 요청하는 URL. param3(선택): 비동기식(Asynchronous) 여부, true가 기본값. send("data") POST 방식으로 요청한 경우 서버로..

Git 작업 흐름 Working directory(작업 디렉토리): 실제 소스 파일들 존재. add 명령으로 Stage로 보냄. Index(Stage): 준비 영역. commit 명령으로 HEAD로 보냄 HEAD: 최종 확정본 사용방법 local에 폴더를 먼저 만든 경우 $ git init //저장소로 만들고 싶은 폴더로 이동해서 명령 실행 $ git add * $ git commit -m "commit에 대한 설명" $ git remote add origin //github에서 미리 repository를 만든다. $ git push origin master github에 저장소를 먼저 만든 경우 $ git clone //github에서 미리 repository를 만든다. $ git add * $ git..

inline script 외부파일 참조 https://opentutorials.org/course/1375/6620

try - with - resources문 자바7 버전에서 추가됨. 입출력 처리시 예외가 발생하는 경우 JVM이 자동으로 close()를 호출하여 자원을 반납시켜준다. try - catch문을 이용한 예외 처리 public List getRoles(){ List list = new ArrayList(); Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { Class.forName("org.mariadb.jdbc.Driver"); conn = DriverManager.getConnection(dburl, dbUser, dbPasswd); String sql = "SELECT description, role_id FR..

JDBC(Java Database Connectivity) 자바 프로그램 내에서 SQL문을 실행하기 위한 자바 API pom.xml에 JDBC 의존성 추가 org.mariadb.jdbc mariadb-java-client 2.7.0 JDBC 사용 설명 package kr.or.connect.jdbcexam.dao; // 1. import java.sql.* import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; import java.util.L..

Maven 자바용 프로젝트 관리 도구. 이 외에 Ant, Gradle이 있음. 설정 파일에서 의존성 라이브러리를 관리함으로써 직접 다운로드하지 않아도 라이브러리를 사용할 수 있다. 이클립스에 내장된 Maven을 이용해 프로젝트를 생성할 수 있다. 파일구조 project home ㄴsrc ㄴmain ㄴjava : 자바 패키지 폴더와 소스 코드가 위치함. ㄴresources : *.properties, *.xml 등 설정파일들이 위치함. ㄴwebapp : WEB-INF와 웹 관련 리소스(html, jsp)들이 위치함. ㄴtest ㄴjava : 테스트와 관련된 자바 패키지와 소스코드가 위치함. ㄴresources : 테스트와 관련된 설정파일이 위치함. ㄴtarget : 컴파일, 패키징된 결과물이 위치함. ㄴp..