DOM, 즉 HTML은 사용자의 요청에 의해서 동적으로 변경될 일이 많이 생길 수 있습니다. 요즘은 vue / react / angluar 3대장 라이브러리, 프레임워크 등으로 DOM을 조작할 수 있지만, 이런 라이브러리/프레임워크를 쓰기 전에 low-level의 DOM API를 이해하면 더 라이브러리나 프레임워크 활용이나 습득이 더 빠르지 않을까 싶습니다. 핵심) DOM APIs DOM 속성과 메서드들 createElement(), CreateTextNode(), appendChild() insertBefore, innerText, innerHTML, insertAjacentHTML DOM Element속성 tagName : element의 태그명 반환 textContent : Node의 텍스트 내용을..

for(value in values){ console.log(valuse[value]); } * JS에서 Array로 데이터를 담는 것 외에 이름으로 데이터를 담을 때 Object를 사용하게된다 key / value로 이루어진 자료구조다 Object형태는 {}로 자료를 표현하고, ServerClient 간 데이터 교환 시 Object포맷과 비슷한 방법으로 데이터를 보낸다 (JSON포맷으로 통신을 많이 한다) 데이터의 index 순서대로 저장하고 싶을 때 -> Array 어떠한 key값을 기반으로 동작하는 자료구조 -> Object Object선언 var obj = {name: "Paul", age: 27} console.log(obj.name); // output: Paul consol.log(obj["..

프로그래밍을 할 때 array와 array를 다루는 메소드의 중요성을 느낀 적이 많았다. 이번에 map같은 자료구조도 같이 정리하려고 한다. 1. 배열 선언 / 배열 길이 var data = ['first', 'second', 'third']; //배열 선언 console.log(data.length); //3 var mix = ['str', 1, 50 , null , [2,3,4]]; //배열 안에 모든 타입이 다 들어갈 수 있다. ex) function, array, object ... 2. 배열에 데이터 삽입 var arr = [5]; // length는 1 arr[1000] = 4; // console.log(arr)로 콘솔에 찍어보면 (1001) [4, empty × 999, 3] 이런 배열을 ..

Web API (HTTP API)앞서 REST API의 조건을 충족하지 못하는 데 REST API라 부르면 안된다고 했습니다. 그리고 Web API 혹은 HTTP API라는 걸 사용하겠다고 했습니다. Web API 디자인 가이드1. URI는 정보의 Resource를 표현해야합니다.]2. Resource에 대한 행위는 HTTP 메소드로 표현합니다. HTTP 메소드 역할 POST POST를 통해 해당 URI 요청하면 리소스 생성 GET GET를 통해 리소스를 조회. 조회하고 해당 도큐먼트의 자세한 정보를 가져옵니다 PUT PUT을 통해 해당 리소스 수정 DELETE DELETE를 통해 리소스 삭제 URI는 resource의 정보를 표현합니다GET /menbers (o) : members의 모든 정보를 달라는..

API? (Application Programming Interface)API는 번역하면 응용 프로그램 인터페이스로 응용 프로그램에서 사용할 수 있도록 OS나 프로그래밍 언어가 제공하는 기능들을 제어할 수 있게 만든 Interface입니다.어떤 목적을 위해서 정보나 기능을 다른 사람들이 사용하기 쉽게 모듈화해서 제공합니다. 우리는 해당 API를 사용해서 그 기능을 추가한 프로그램을 개발할 수 있습니다. 우리가 자바에서 절대 값을 구하고 싶을 때, Java언어가 제공하는 Math클래스의 abs()메소드 사용. 절대값 구하는 코드를 몰라도 해당 인터페이스만 알면 사용 가능합니다. ex) 카카오맵 api를 사용해 맛집지도 애플리케이션, SandBird Chat API를 활용한 협업도구 개발 등등REST API..

자 이번에는 실제 JDBC를 통해서 자바코드로 MySQL에 쿼리를 날려보겠습니다. MySQL 드라이버를 사용하니 다른 DBMS(MongoDB, MariaDB.. 기타)를 사용하고자 하는 분들은 다른 포스팅을 참고해주시면 좋겠습니다.또한 try-with-resource(줄여서 TWR)를 ResultSet를 사용해 결과값을 반환해 보여주는 SELECT문 경우에 TWR을 사용해서도 구현해보겠습니다.try-catch-finally try{ // Exception 발생가능한 코드}catch(ClassNotFoundException e){// 예외 처리}catch(SQLException e){// 예외 처리2 (2개, 3개 등등 multiple하게 catch문을 여러개 사용해서 예외처리할 수도 있습니다)}final..