WakaraNai

AJAX 새로고침 없이 데이터 얻어오기 AJAX와 비동기 addEventListener의 콜백함수는 open(), send()보다 더 늦게 실행됨 그 이유는 비동기로 실행되어, 이벤큐 큐에 보관되다가 load 이벤트가 발생하면(서버로부터 데이터를 브라우저가 받으면 그 때 call stack에 실행되고 있는 함수가 없어서 비어있다면 stack에 올라와서 실행됨 function ajax() { var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function() { console.log(this.responseText); }); oReq.open("GET", "http://www.example.org/example.txt"); oReq.send(..

화면의 UI를 넣었다 뺐다 지원해주는 DOM API 1. document. ex) addEventListener(), querySelector(), getElementById()... createAttribute(), createElement(), createTextNode()... https://www.w3schools.com/jsref/dom_obj_document.asp HTML DOM Document Objects The HTML DOM Document Object The Document Object When an HTML document is loaded into a web browser, it becomes a document object. The document object is the ro..

1. JSON 파일에 전체 데이터 저장하기 1-1. Maven 프로젝트 생성 wepapp artifact로 artifact id는 webAPIexam pom.xml에 추가할 코드 적은 뒤 꼭 Update Project 에는... +) 1.8로 바꿔두기 UTF-8 1.8 1.8 false 에는... com.fasterxml.jackson.core jackson-databind 2.9.4 javax.servlet javax.servlet-api 3.1.0 provided mysql mysql-connector-java 5.1.46 1-2. JDBC 패키지 2개 가져오기 1. /src/main 에 java 폴더 생성 2. /src/main/java에 ko.or.connect.webAPIexam.api 패키지 ..

API “API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻합니다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공합니다. 자바 프로그래밍을 위해서는 자바 언어가 제공하는 것들이 어떤 것이 있는지를 알아야 합니다. 그래야, 사용할 수 있겠죠? 절대값을 구하기 위해서는 어떻게 해야 할까요? Java API문서를 읽어보면 답을 알 수 있습니다. Math클래스의 abs()메소드를 사용하면 된다는 것을 알 수 있죠. 해당 메소드가 어떻게 내부적으로 구현되어 있는지는 문서를 봐도 알 수 없습니다. 하지만,..

입력 RoleDao.java에 addRole() 메소드 추가 // 입력 public int addRole(Role role) { int insertCount = 0; // 반환값 Connection conn = null; PreparedStatement ps = null; // 입력값은 결과값을 가져오지 않기에 resultset은 안 적음 try { Class.forName("com.mysql.jdbc.Driver"); } catch (ClassNotFoundException e) { e.printStackTrace(); } // 물음표가 들어간 쿼리는 완전한 쿼리문이 아니기에 // 꼭 각각에 대한 바인딩이 필요 String sql = "INSERT INTO role (role_id, descriptio..

JDBC java database connectivity 자바로 DB 접속과 SQL문장 실행, 그 결과로 얻은 데이터를 다루는 방법과 절차에 관한 규약 자바 프로그램에서 SQL문을 실행하기 위한 자바 API 각 데이터베이스 벤더에서 제공해주는 드라이버를 사용하면 됨 JDBC 드라이버 설치 Maven에 아래 코드를 추가. MySQL은 사이트에서 다운로드 받음. 실습 1. maven - quick-start 프로젝트 생성 group id : kr.or.connect artifact id : jdbcexam 2. maven 초기 설정 jdk 1.8 을 위해 pom.xml에서 아래 코드의 1.7을 1.8로 수정 후 저장 1.8 1.8 JDBC 드라이버 설정 mysql은 따로 설치하기. 아래 코드는 pom.xml..

Maven 빌드, 패키징, 문서화, 테스트, 테스트리포팅, git, 의존성 관리(Dependency Management), 배포, 형상관리 서버와의 연동(SCMs) 작업 등을 손쉽게 해주는 도구 CoC (Convention over Configuration) : 관습. 예로 소스파일의 위치와 소스가 컴파일된 파일의 위치를 미리 지정하는 것 장점 Maven을 사용하면 의존성 라이브러리를 관리하기 편리함. - JSTL처럼 lib 폴더에 복붙X Maven에서 설정한 대로 모든 개발자가 일관된 방식으로 빌드 수행 제공되는 다양한 플러그인으로 많은 일을 자동화 시킴 기본 사용 방법 - pom.xml 4.0.0 kr.or.connect examples jar 1.0-SNAPSHOT mysample http://ma..

컬럼의 길이가 10이며 값이 들어있을 때, 칼럼의 길이를 5로 줄인다면? ALTER TABLE employee2 CHANGE employee3 job VARCHAR(5): - 해봐야 에러 남. Data truncated for column 'job' at row 1 문자열 CHAR와 VARCHAR의 차이점 CHAR 고정 길이 - ex) 학번, 전화번호 VARCHAR 가변 길이 - byte 단위-ex)아이디 길이 계산으로 인해 미세하게 느릴 순 있지만 속도 차이 거의 없음 보통 값이 변하는 경우가 많기도 하고, 빈 공간이 많다면 VARCHAR가 더 나음 VARCHAR(10) CHARACTER SET UTF8; euc-kr : ASCII+한글 이므로 (영문/숫자/기호는 1 byte, 한글/한자는 2 byte..

INSERT 입력 INSERT INTO 테이블명(필드1, 필드2, 필드3, 필드4, … ) VALUES ( 필드1의 값, 필드2의 값, 필드3의 값, 필드4의 값, … ) EX) role 테이블에 role_id=200, description ='CEO' 인 데이터 한 개 저장하기 UPDATE 수정 UPDATE 테이블명 SET 필드1=필드1의값, 필드2=필드2의값, 필드3=필드3의값, … WHERE 조건식 조건식으로 특정 ROW만 변경 가능 조건식이 없으면 전체 행에 영향을 주니 조심해서 사용하기 EX) role 테이블의 role_id가 200일 경우 description을 'CTO'로 수정하기 DELETE 삭제 조건식으로 특정 ROW만 삭제 조건식이 없으면 전체 행에 영향을 주니 조심해서 사용하기 EX)..

DML(Data Manipulation Language) SELECT 검색 INSERT 등록 UPDATE 수정 DELETE 삭제 SELECT 기본문형 CONCAT() 컬럼 합성 employee 테이블에서 사번과 부서번호를 하나의 컬럼으로 출력하시오 DISTINCT 중복행 제거 사원 테이블의 부서번호를 중복되지 않게 출력하시오 ORDER BY 정렬하기 - ASC, DESC(내림차순) WHERE절 - 특정 행 검색 논리연산자 IN 키워드 : 컬럼이름 IN (시작,끝) LIKE 키워드 : 특정 문자를 포함한 값에 대한 조건을 처리 % : 0에서부터 여러 개의 문자열을 의미 _ : 단 하나의 문자를 가리킴 함수 사용 UCASE, UPPER LCASE, LOWER SUBSTRING 원하는 문자열에서 시작 지점부터..