programming

[HTML/CSS] 개발환경 설정 및 HTML의 개요

1. 개발환경 설정 및 HTML의 개요 1.1 개발환경 설정 1.1.1 컴퓨터 초기화 : 개인 데이터 백업, IP 주소 메모 1.1.2 웹 프로그래밍 실습에 필요한 프로그램 설치원할한 실습을 위해 디렉토리를 통일할 것을 권장함html 실습을 위한 툴들은 다양함Notepad, 드림위버, Visual Studio, Eclipse 등 다양한 툴로 실습이 가능하나 본 과정에서는 자바 기반의 웹 프로그래밍 실습을 위주로 진행되기에 자바 기반의 Eclipse를 활용하여 실습을 진행함('추후 Atom으로도 사용 예정) 1.1.3 크롬 브라우저 설치 1.1.4 자바 설치Eclipse는 자바 기반의 프로그램이기 때문에 먼저 자바를 설치해야 함 현재 자바 최신 버전 jdk 10.0.1, Eclipse 최신 버전은 Phot..

[JSP] Java Bean

5. Java Bean 5.1 Java Bean의 개요 자바로 작성된 컴포넌트를 의미 5.2 Java Bean과 연동하는 액션 태그 : 자바빈 객체를 생성 : 자바빈 객체의 프로퍼티 값을 저장 : 자바빈 객체의 프로퍼티 값을 읽음 5.3 실습예제 5.3.1 ch05.TestBean.java 5.3.2 /ch05/beanTestForm.jsp 5.3.3 /ch05/beanTestProTestBean.java 5.3.4 ch05.RegisterBean.java 5.3.5 /ch05/registerForm.jsp 5.3.6 /ch05/registerPro.jsp

[JSP] 에러 처리

[어느 게임회사의 흔한 404 Not Found 페이지.png] 4. 에러 처리 4.1 에러 처리의 개요- 에러가 발생하면 개발자를 위해 소스 코드 및 스택 추적 정보가 화면에 노출됨- 보안성 향상 및 사이트를 방문하는 사용자들에게 친숙한 안내 화면 제공 4.2 http 상태 코드에러 코드 의미 설명 1xx Informational (정보) 요청을 받고 처리 중에 있음 2xx Success (성공) 요청을 정상적으로 처리함 3xx Redirection (리디렉션) 요청 완료를 위해 추가 동작이 필요함 4xx Client Error (클라이언트 오류) 클라이언트 요청을 처리할 수 없어 오류 발생 5xx Server Error (서버 오류) 서버에서 처리를 하지 못하여 오류 발생 주요 상태코드 상태 코드 메..

[JSP] Action Tag(액션 태그)

3. 액션 태그 3.1 액션 태그 3.1.1 jsp 페이지에서 자바 코드를 줄이기 위한 방법으로 제공되는 태그3.1.2 액션 태그에 해당하는 내부적으로 정의된 자바 클래스로 동작됨3.1.3 페이지 간의 흐름 제어 및 java beans component와 jsp의 상호 작용 지원 3.2 액션 태그의 종류 액션 태그 설명 페이지 모듈화에 사용 다른 페이지로 제어를 이동시킬 때 사용 다른 페이지에 값을 전달할 때 사용 java bean을 jsp 페이지에서 참조할 때 사용 java bean의 property에 값을 저장할 때 사용 java bean의 property의 값을 읽을 때 사용 3.3 실습예제 3.3.1 /ch03/includeTestForm.jsp (include 액션태그 예제)3.3.2 /ch03..

[JSP] JSP의 내장 객체

2. JSP의 내장 객체 2.1 JSP의 내장 객체 request : 사용자의 요청을 처리response : 서버의 응답out : 웹 브라우저에 출력 처리session : 사용자의 인증 정보(로그인~로그아웃) 저장application : 서버의 정보 저장exception : 에러 처리config : jsp의 환경정보page : 현재 페이지 2.2 JSP 내장 변수의 사용범위 pageContext : 현재 페이지request : 요청 + 응답 페이지(2 페이지)session : 사용자 변수(로그인 ~ 로그아웃)application : 서버 변수(모든 사용자) 2.3 JSP의 개발 방식 2.3.1 model 1 방식JSP page 안에 자바 코드 작성 2.3.2 model 2(MVC pattern) 방식 :..

[JSP] JSP의 개요, JSP 페이지의 구성 요소

1. JSP의 개요, JSP 페이지의 구성 요소 1.1 웹 프로그래밍의 개요 '''note. 웹 프로그래밍은 항상 요청과 응답으로 이루어진다. ex. 은행창구; front-end: 고객과의 접점 1.2 웹 프로그래밍 언어의 종류 CGI(Common Gateway Interface) : Unix 기반의 Perl 언어로 처리 '요즘에 쓰지 않음 ASP(Active Server Pages) : 마이크로소프트의 비주얼 베이직 언어 기반 PHP(Personal HomePage tools, Professional Hypertext Preprocessor) JSP(Java Server Pages) : 자바 언어 기반 ASP.net : vb.net, C#.net 기반 '''note. 시장 점유율로 보면 국내에는 JSP..

[Android] 서비스

11. 서비스 11.1 서비스 보이지 않는 애플리케이션 화면없이 백그라운드로 실행 Service 클래스를 상속받음 Ex) 음악재생, RSS 확인 등 11.1.1 서비스의 라이프 사이클 11.1.2 서비스 클래스 작성 Service를 extends onCreate(), onStart() 오버라이딩 Service를 Manifest 에 등록 11.1.3 서비스 사용 서비스를 사용할 액티비티에서 startActivity() 호출 한번 생성된 서비스를 다시 startService()로 실행할 때는 onCreate()는 실행되지 않고 onStart() 실행됨 서비스가 여러 번 시작되었다 하더라도 종료는 stopService() 한번 호출로 종료 11.2 브로드캐스트 리시버 시스템의 이벤트를 수신하여 다른 컴포넌트에..

[Android] 애니메이션

10. 다이얼로그 10.1 실습 예제 10.1.1 activity_main.xml 10.1.2 MainActivity.java 10.1.3 res/drawable/babydrum.xml 10.1.4 res/layout/frame_animation.xml 10.1.5 FrameActivity.java 10.1.6 res/anim/alpha.xml 10.1.7 res/anim/rotate.xml 10.1.8 res/anim/scale.xml 10.1.9 res/anim/set.xml 10.1.10 res/anim/translate.xml 10.1.11 res/layout/tween.xml 10.1.12 TweenActivity.java 10.1.13 res/layout/custom.xml 10.1.14 Cu..

[Android] 다이얼로그

9. 다이얼로그 9.1 실습 예제 9.1.1 activity_main.xml 9.1.2 MainActivity.java 9.1.3 dialog.xml 9.1.4 test.xml 9.1.5 DialogActivity.java 9.1.6 alert.xml 9.1.7 AlertActivity.java 9.1.8 select.xml 9.1.9 SelectActivity.java

[JavaScript] Ajax, XML, JSON

5. jQuery, Ajax, JSON 5.1 jQuery 자주 사용되는 자바스크립트 라이브러리 write less, do more 코딩량이 매우 절감됨 2006년 존 레식(John Resig)이 발표 https://jquery.com 에서 다운로드 5.1.1 jQuery의 버전 1.x 버전: 구버전 브라우저까지 지원되는 버전 2.x 버전: 구버전 브라우저(Internet Explorer 6, 7, 8 등)을 지원하지 않음 3.x 버전: 2014년부터 개발, 더 빠르고 풍부한 API 5.1.2 jQuery를 사용하는 방법 다운로드 받아서 사용할 경우 다운로드 받지 않고 사용할 경우 5.1.3 기본 문법 선택한 엘리먼트에 어떤 동작을 수행 /** * $: jQuery에서 정의 및 접근에 사용 * (sele..

[JavaScript] 자바스크립트 객체

2. 자바스크립트 객체 2.1 자바스크립트의 객체 1) 내장 객체 : document, window, screen, browser 등Date : 날짜와 시간 작업Number : 수치형 데이터String : 문자열 관련Math : 수학 연산Array : 배열 2) 사용자 정의 객체- 객체 상수로부터 객체 생성var myCar = { model: "520d", speed: 60, color: "red", break: function() { this.speed -= 10; } accel: function() { this.speed += 10; }};myCar.color = "yellow";myCar.break(); - 생성자 함수를 이용한 객체 생성function Car(model, speed, color) ..

[JavaScript] DOM과 이벤트 처리, 입력검증

3. DOM과 이벤트 처리, 입력검증 3.1 문서 객체 모델(DOM, Document Object Model) 3.1.1 document 객체 : 웹 문서의 최상위 객체- id로 요소 찾기 : getElementById("태그의 id");- 태그.innerHTML : 태그 내부의 사용- 태그.value : 태그의 입력 값- 태그의 속성 변경 : 태그.src = "값"document.getElementById("img2").src = "poodle.png";- 태그의 스타일 변경 : 태그.style.속성이름 = "속성 값";document.getElementById("img2").style.color = "blue"; 3.1.2 window 객체- 팝업창 열기 : window.open(url, 윈도우의 n..