Study-Note

3. 웹 애플리케이션 개발 - Ajax 응답처리와 비동기 1. Ajax와 비동기 - Ajax UX와 관련이 많은 기술이다. 새로고침이 일어나지 않고 브라우저의 화면 전환 없이 별도로 데이터 요청을 해서 화면에 나타내 주는 것을 말한다. Ajax요청이 있으면 그 요청은 보내놓고 나머지 작업을 수행하고 결과가 돌아오면 그때 화면에 추가적인 화면이 출력되는 자바스크립트 동작이 발생한다. function ajax() { var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function() { console.log(this.responseText); }); oReq.open("GET", "http://www.example.org/example.txt"..

3. 웹 애플리케이션 개발 - DOM API 실습 * Dom Node 생성과 추가 [참고 DOM API] http://developmentnotepad.tistory.com/40?category=758332 1. 다양한 APIs document. 으로 사용할 수 있는 APIs : 링크 바로가기 element. 으로 사용할 수 있는 APIs : 링크 바로가기 2. DOM 탐색 APIs - 유용한 속성 tagName : 엘리먼트의 태그명 반환 textContent : 노드의 텍스트 내용을 설정하거나 반환 nodeType : 노드의 노드 유형을 숫자로 반환 - 탐색 속성 childNodes: 엘리먼트의 자식 노드의 노드 리스트 반환(텍스트 노드, 주석 노드 포함) firstChild: 엘리먼트의 첫 번째 자식..

http://www.edwith.org/boostcourse-web * Spring Framework란? 엔터프라이즈급 어플리케이션을 구축할 수 있는 가벼운 솔루션원스-스탑-숍(One-Stop-Shop): 모든 과정을 한번에 해결할 수 있음원하는 부분만 가져다 사용할 수 있도록 모듈화가 잘 되어있다.IoC 컨테이너선언적으로 트랜잭션을 관리할 수 있다.완전한 기능을 갖춘 MVC Framework를 제공한다.AOP 지원스프링은 도메인 논리 코드와 쉽게 분리될 수 있는 구조로 되어있다. - 프레임워크반제품. 반만 완성된 제품으로 조립만 하면 되는 것.애초에 처음부터 만드는 것이 아닌 반제품을 가지고(중요하고 어려운 부분은 이미 구현이 되어있음) 필요한 제품을 만들어낼 수 있도록 하는 것이다. 프레임워크 모듈 ..

3. 웹 애플리케이션 개발 - JavaScript * JavaScript 배열 1. new Array() 문으로 선언할 수도 있지만 잘 사용하지 않는다. 보통은 간단히 var a = [] 를 사용한다. var a = []; //배열 안에는 모든 타입이 다 들어갈 수 있다. 함수도 배열 안에 배열도, 배열 안에 객체도 들어갈 수 있음. var a = [1,2,3,"hello", null, true, []]; 2. 배열의 length 속성으로 길이를 알 수 있다. (배열의 index는 0부터 시작한다.) 3. 배열의 배열(중첩)은 [[{}]] 이와 같이 표현한다. 4. 배열에 원소 추가는 index번호와 함께 추가한다. var a = [4]; a[1000] = 3; console.log(a.length); ..

http://www.edwith.org/boostcourse-web * Web API 디자인 가이드 원칙 1. 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다.2. URI는 정보의 자원을 표현해야 한다.3. 슬래시 구분자(/)는 계층을 나타낼 때 사용한다. 1. 자원에 대한 행위는 HTTP Method로 표현 1. 자원에 대한 행위는 HTTP Method로 표현GET /members/1 (o)GET /members/get/1 (x)--------------------------------GET /members/add (x)POST /members (o)--------------------------------GET /members/update/1 (x)PUT..

http://www.edwith.org/boostcourse-web 클라이언트의 종류가 웹 브라우저, 안드로이드 앱, iOS 앱 등 다양해지면서 이러한 클라이언트들에게 정보를 제공하는 방식을 하나로 일원화시키고 싶어졌다. 일원화시키는 방식 중에 대표적인 방식이 HTTP프로토콜로 API를 제공하는 것이다.=> HTTP프로토콜로 제공하는 API를 REST API라고 한다. * API란? API는 Application Programming Interface의 약자이다. * wiki에 나와있는 API에 대한 설명API(Application Programming Interface, 응용프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 ..

http://www.edwith.org/boostcourse-web * JDBC Java Database Connectivity자바를 이용한 데이터베이스 접속과 SQL 문장의 실행, 그 결과로 얻어진 데이터의 핸들링을 제공하는 방법과 절차에 관한 규약이다.자바 프로그램 내에서 SQL문을 실행하기 위한 자바 API이다.SQL과 프로그래밍 언어의 통합 접근 중 한 형태이다.JAVA는 표준 인터페이스인 JDBC API를 제공한다.데이터베이스 벤더, 기타 써드파티에서는 JDBC 인터페이스를 구현한 드라이버(driver)를 제공한다. JDBC를 이용한 프로그래밍 방법 import java.sql.*;드라이버를 로드 한다.Connection 객체를 생성한다. (접속)Statement 객체를 생성 및 질의 수행SQL..

http://www.edwith.org/boostcourse-web * Maven이란? Maven은 지금까지 애플리케이션을 개발하기 위해 반복적으로 진행해왔던 작업들을 지원하기 위하여 등장한 도구이다.Maven을 사용하면 빌드(Build), 패키징, 문서화, 테스트와 테스트 리포팅, git, 의존성관리, svn등과 같은 형상관리서버와 연동(SCMs), 배포 등의 작업을 손쉽게 할 수 있다. Maven을 이해하려면 CoC(Convention over Configuration)라는 단어를 먼저 이해해야 한다.CoC란 일종의 관습을 말한다. 프로그램의 소스파일은 어떤 위치에 있어야 하고, 소스가 컴파일된 파일들은 어떤 위치에 있어야 하는 것 등을 미리 정해놓은 것이다. * Maven의 장점 편리한 의존성 라이..

[boostcourse full-stack] http://www.edwith.org/boostcourse-web * 데이터 정의어 데이터베이스에 스키마 객체를 생성하거나 변경, 제거하는 일들을 수행한다. MySQL 데이터 타입 테이블 생성 - createcreate table 테이블명( 필드명1 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], 필드명2 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], 필드명3 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], ........... PRIMARY KEY(필드명) );제약조건 설정: 데이터 형 외에도 속성값의 빈 값 허용 여부는 NULL 또는 NOT ..

[boostcourse full-stack] http://www.edwith.org/boostcourse-web 컬럼이 두개 이상 보이게 하고싶은 경우 ,을 추가한다.select deptno,name from department; => deptno, name 두개의 칼럼을 출력시킨다. 테이블 구조(어떤 컬럼이 있는지)를 확인할 때는 desc department;(테이블명) 을 입력하여 확인한다. * 별칭 부여하기 select empno as 사번, name as 이름, job as 직업 from employee;as는 명시적으로 넣은 것. as없이 공백으로만 넣어도 된다. * 문자열 결합 함수 - concat Ex) employee 테이블에서 사번(empno)과 부서번호(deptno)를 하나의 칼럼으로 ..