본문 바로가기

Progamming93

DOM Node 조작하기 들어가기 전에DOM, 즉 HTML은 동적으로 다양하게 변경될 수 있다. DOM APIs 에서는 다양한 메소드와 속성을 지원하고 있으니 이를 활용하는 방법을 배울 필요가 있다. 이제부터 배울 다양한 DOM API는 라이브러리를 쓰는 것 보다 차이가 크지는 않지만 대체로 더 빠르다. 물론 라이브러리보다 그 사용법이 불편하고 어려울 수는 있으나, low-level의 DOM API를 이해한다면, 라이브러리나 프레임워크를 사용하면서도 그 동작을 이해하고 유추하기가 쉽고 어떤 문제를 해결할때도 더 유리할 것이다. 따라서 다양한 DOM APIs를 잘 배울 필요는 분명하다. 또한, HTML을 문자열로 처리하면서 DOM에 쉽게 추가하는 방법을 알아보자 학습 목표1. 다양한 DOM(Document Object Model).. 2019. 2. 10.
자바스크립트 객체 들어가기 전에자바스크립트 객체는 key와 value로 이루어진 dictionary 자료구조이다. 간단한 형태로 아주 많이 사용되고 있으니 그 사용법을 잘 알아보도록 하자 학습 목표1. 자바스크립트 객체를 선언하고, 값을 얻는 방법을 알 수 있다. 핵심 개념- JavaScript object(객체) 객체- 자바스크립트 개발에서 어떤 데이터를 저장하고, 보관하고, 관리하고, 수정하고 이런 것들을 할 때, 배열 그리고 또 다른 어떤 키값이 필요하다면 개체 데이터를 쓸 수밖에 없다.- 배열은 순서가 있는 리스트고, 객체는 순서는 없지만 키값이 있는 어떤 이름이다. 키 값이 이름이 있는 어떤 데이터를 보관할때 많이 쓰인다. - key, value 구조의 자료구조- JavaScript로 데이터를 표현하기 위해서는 .. 2019. 2. 10.
자바스크립트 배열 들어가기 전에자바스크립트에서 데이터를 보관하고 조작하는 방법은 리스트 형태로 보관할 수 있는 배열과 키와 밸류로 된 어떤 해시 구조로 되어있는 오브젝트 객체를 다루는 것이다. 자바스크립트에서 배열은 가장 많이 사용되는 자료구조(Data Structure)이다. 학습 목표1. 자바스크립트 배열을 다루는 방법을 알아보자. 핵심 개념- array- array method 배열의 선언- 자바스크립트 배열의 선언은 간단하다.var a = [];//배열안에는 모든 타입이 다 들어갈 수 있다.var a = [1, 2, 3, "hello", null, true, []];cs- new Array() 문으로 선언할 수도 있지만, 보통은 간단히 '[ ]'를 사용한다.- 배열에는 length 속성이 있어 그 길이를 쉽게 알 .. 2019. 2. 3.
Web API란? 들어가기 전에Web API에 대해 알아보고 REST API와 Web API의 차이에 대해 알아보자. Web API를 잘 작성하기 위한 디자인 가이드에 대해 살펴보자. 학습 목표1. REST API와 Web API의 차이에 대해 이해해보자.2. Web API의 디자인 가이드에 대해 이해해보자. 핵심 개념- Web API- HTTP Methods Web API 디자인 가이드- URI는 정보의 자원을 표형해야한다.- 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다. URI는 정보의 자원을 표현해야 한다.- GET /members· 위의 표현은 멤버의 모든 정보를 달라는 요청입니다.- GET /members/delete/1· GET은 정보를 요청할 때 사용한다. 위.. 2019. 1. 22.
Rest API란? 들어가기 전에클라이언트의 종류가 웹 브라우저, 안드로이드 앱, IOS 앱 등 다양해지면서 이러한 클라이언트들에게 정보를 제공하는 방식을 하나로 일원화시키고 싶어졌다. 일원화시키는 방식 중에 대표적인 방식이 HTTP 프로토콜로 API를 제공하는 것이다. HTTP 프로토콜로 제공하는 API를 REST API라고 한다. 학습 목표1. REST API가 무엇인지 이해한다.2. WEB API(HTTP API)와 REST API를 구분할 수 있다. 핵심 개념- REST API- WEB API(HTTP API) API란?- API : Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스- 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제.. 2019. 1. 22.
JDBC란? 들어가기 전에java 언어를 사용해서 DBMS로 부터 정보를 조회하는 방법인 JDBC에 대해 알아보도록 하자. 학습 목표1. JDBC가 무엇인지 이해한다. 핵심 개념- JDBC- DriverManager- Connection- Statement- ResultSet JDBC 개요- JDBC(Java Database Connectivity)의 정의· 자바를 이용한 데이터베이스 접속과 SQL 문장의 실행, 그리고 실행 결과로 얻어진 데이터의 핸들링을 제공하는 방법과 절차에 관한 규약· 자바 프로그램 내에서 SQL 문을 실행하기 위한 자바 API· SQL과 프로그래밍 언어의 통합 접근 중 한 형태- JAVA는 표준 인터페이스인 JDBC API를 제공- 데이터베이스 벤더, 또는 기타 써드파티에서는 JDBC 인터페.. 2019. 1. 22.
Maven이란? 들어가기 전에앞에서 JSTL에 대해 배울 때 JSTL과 관련된 라이브러리를 다운로드 하여, WEB-INF/lib 폴더에 복사하여 설치했다. 프로젝트가 복잡해질 수록 사용하는 라이브러리는 많아지게 된다. 프로젝트에 참여하는 사용자가 많아질수록 라이브러리의 관리는 어려워진다. 또한, 프로젝트가 복잡해질 수록 소스를 컴파일하고 배포하는 것도 점점 어려워진다. 이러한 문제를 해결하기 위해 다양한 도구들이 존재하는데, 그 중에서 Maven에 대해 배워보자. 학습 목표1. Maven의 역할에 대해 이해한다. 핵심 개념- Maven- CoC- pom.xml Maven이란?- Maven은 지금까지 어플리케이션을 개발하기 위해 반복적으로 진행해왔던 작업들을 지원하기 위해 등장한 도구이다.- Maven을 사용하여 빌드(B.. 2019. 1. 22.
DDL(create, alter, drop) 들어가기 전에데이터가 저장되는 틀인 테이블을 생성, 수정, 삭제하는 방법에 대해 배워보자. 학습 목표1. 테이블을 생성할 수 있다.2 테이블을 수정할 수 있다.3. 테이블을 삭제할 수 있다. 핵심 개념- create table- alter table- drop table MySQL 데이터 타입 테이블 생성create table 테이블명( 필드명1 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], 필드명2 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], 필드명3 타입 [NULL | NOT NULL][DEFAULT ][AUTO_INCREMENT], ........... PRIMARY KEY(필드명) );Colored by Color S.. 2019. 1. 22.
DML(select, insert, update, delete) 들어가기 전에이번 시간에는 DBMS에 값을 저장, 수정, 삭제, 조회하는 방법에 대해 배워보도록 하자. 학습 목표1. insert문을 수행할 수 있다.2. update문을 수행할 수 있다.3. delete문을 수행할 수 있다.4. select문을 수행할 수 있다. 핵심 개념- select- insert- update- delete 데이터 조작어(Data Manipulation Language, DML)- 데이터 조작어는 모두 동사로 시작한다· SELECT : 검색· INSERT : 등록· UPDATE : 수정· DELETE : 삭제 SELECT 구문의 기본문형* 괄호 : 생략가능 SELECT 구문 예제(전체 데이터 검색)- 전체 데이터 검색- SELECT 뒤에 * 를 기술함으로써 나타낼 수 있다.· ex.. 2019. 1. 22.

티스토리툴바