Web programing 42

HTML 이미지 삽입 태그

/* * http://sosal.kr/ * made by so_Sal */ 웹페이지는 이미지의 천국이죠. 이번장에서는 웹페이지에 이미지를 첨가하는 코드를 보겠습니다. 가 기본입니다. src는 source의 약자이고, 여기에 이미지의 주소(URL)을 넣는다면 역시 그 주소에 있는 자원을 가져와 이미지를 출력하게 됩니다. 위 소스는 제 풀더에 있는 그림의 상대경로를 말합니다. 현재 html 창의 위치가 " . " 입니다. /는 디렉토리를 의미합니다. 따라서 상대경로 ./sky.jpg :: html이 위치한 현재( . ) 라는 풀더 ( / ) 에 있는 sky.jpg를 자원으로 하여 width (가로) 200픽셀, height (세로) 140픽셀로 그림을 출력하라 이것을 의미합니다. 그리고 alt="~"는 만약..

HTML 하이퍼 텍스트 링크

/* * http://sosal.kr/ * made by so_Sal */ 하이퍼텍스트는 웹 전체의 기초가 됩니다. 웹의 단일페이지에서 벗어나 다른 페이지들과 연결 할 수 있게 해주는 HTML의 HT인 하이퍼텍스트(Hyper text)에 대해서 이번에 알아보겠습니다. sosal의 홈페이지로 가실분? sosal의 홈피!! sosal의 홈피!! 가 아랫줄 박박 긁혀서 뜨길래 클릭해봤더니 정말 제 홈페이지 주소를 찾아서 오는군요. "sosal의 홈피!!"를 오른쪽마우스 -> 속성 (등록정보)를 해보니 프로토콜 : HyperText Transfer Protocol 이라고 나오고 아래 주소 URL : http://sosal.kr/ 으로 자세하게 나오네요. 이것이 HT 입니다. 이것을 이용한다면 그림을 클릭했을때 ..

HTML의 기본 구조(2)

/* * http://sosal.kr/ * made by so_Sal */ 1번에서 HTML 기본 태그를 봤는데, 여기서는 이제 글자를 넣고 기본적인 글자 끊기 등 간단한 문장 문법을 보겠습니다. Hello world hello html? 1.wdqwdqw 2."wdqdqw" 위 소스와 결과입니다. 은 헤드라인으로 문단의 제목(?)과 같은 역할을 하는 태그입니다. 에서 .. .. . .으로 숫자가 작아질 수록 글자의 크기가 좀더 작아집니다. Hello World가 그래서 좀 크게나왔네요. 로 묶이는 문장은 실제로 띄워쓰기를 여러번 하더라도 한번밖에 인식이 되지 않고 엔터키를 쳐서 문장을 나누더라도 인식이 되지 않습니다. hello html? 바로 밑에 " 1. " 나오기 위해서는 을 입력합니다. br =..

HTML의 기본 구조

/* * http://sosal.kr/ * made by so_Sal */ HTML 작성하기. HELLO WORLD!! 위 내용을 notepad(텍스트 문서)에 적은 후 아래와 같이 저장합니다. 그리고 실행시켜볼까요?! internet explore (이하 ie) 가 켜졌네요 제목은 HTML??? 내용은 HELLO WORLD!!! 그럼 소스를 분석해볼까요 head와 /head 사이에 이런것이 들어가있네요 HTML??? 페이지의 타이틀을 의미합니다. 안에 내용을 바꾼다면 HTML??? 대신에 바꾼 내용이 들어가겠죠!! HELLO WORLD!! 몸체입니다. ie에서 우리가 보는 (타이틀이나 도구창 등을 제외한) 중심부 body입니다. body 태그 안에 로 묶여서 HELLO WORLD가 있는데, p는 pas..

Javascript와 HTML 연동

/* * http://sosal.kr/ * made by so_Sal */ 브라우저의 창 제목이 자바스크립트 연습1인 html을 만들어 원하는 태그를 script 문법으로 구현하려 합니다. script 태그 :: 일반적으로 추가된 내용은 스크립트를 열고 닫고, 안에 모든 내용을 HTML 주석처리로 묶습니다. :: 왜 묶느냐? :: 브라우저들은 자바스크립트 소스 코드를 인식할 수 있는것과 그렇지 않은것이 있습니다. 만약 소스코드를 인식하지 못할 경우, 소스를 문자열처럼 출력되는걸 방지하기 위해서 HTML의 주석처리를 넣어주는 것입니다. 그럼 일단 원하는 내용을 출력해볼까요? ~ ~ document :: 현재 화면이란 뜻입니다. (body 태그 안에 글을 쓴다.) write라는 메소드:: () 안에 글을 쓴..

Javascript 객체란?

/* * http://sosal.kr/ * made by so_Sal */ :: 객체 기반언어 :: 내장되어 있는 객체로 프로그래밍을 한다는 것. 객체란? :: 일정한 틀에 내용만 다르게 바꾸는 것. -> 정보를 조직하는 수단 (일정한 틀에다 정보를 넣어둔다.) -> 곧 정보를 담아두는 틀 객체는 속성과 메소드로 표현 속성 :: 객체의 특징 메소드 :: 객체의 처리방법을 알려줌 :: 속성 :: 객체명.속성 = "특정값" 하나의 객체 안에는 (예를들어 사람) 다양한 속성을 가진다. (눈이 빨갛거나 머리가 시퍼렇거나.) 그때 객체안의 속성을 표현하는 방법은 " . " 을 통하여 표현한다. 객체명.속성 사람이라는 객체가 있다면 그 객체 (사람을 생성하는 틀) 로 여러 사람을 찍어낼 수 있다. 장동건이라는 하나..

프로그래밍 Javascript 개념

/* * http://sosal.kr/ * made by so_Sal */ Javascript? HTML 문서에 삽입되며 브라우저 자체에 내장된 해석기능을 이용한 Client 기반의 언어 . 대소문자를 구분한다. . 태그 안에서만 script문법을 사용한다. . HTML과 같은 인터프리터 방식으로 해석한다. * 인터프리터 방식 :: 왼쪽에서 오른쪽, 위에서 아래로 한라인씩 읽고 그대로 해석하는 방식 . 객체 기반 언어. . Client-Slide Script Client :: 요구하는 사람 Server :: 제공하는 사람 Client 에서 사용하는 언어 :: HTML , Javascript // 현재 브라우저에서에서 바로 해석된다. Server 에서 사용하는 언어 :: asp, php, jsp ASP :..

JSP. DB 연동 페이지, 회원가입, 출력페이지, 삭제기능

/* * http://sosal.kr/ * made by so_Sal */ ------------------------------- 예 제 ------------------------------- /* * -- input.html -- * id, password, name, email 등의 간단한 정보를 join.jsp 에 전달 */ 아이디 : 암호 : 이름 : e-mail : ------------------------------- 예 제 ------------------------------- ------------------------------- 예 제 ------------------------------- /* -- join.jsp -- * input으로부터 넘어온 데이타들을 변수화 후에 * ..

Web programing/JSP 2014.07.24 (10)

JSP. error 에러 예외 처리

/* * http://sosal.kr/ * made by so_Sal */ JSP 페이지에서 예외 처리하는방법 1. 예외 발생시 에러를 처리할 페이지를 지정하여, 그 페이지로 이동하게 한다. (page 지시어) 2. 페이지 내에서 Try / Catch 구문을 이용하여 에러를 처리한다. 1. Page 지시어를 이용한 예외처리 /* * page명령어로 오류가 발생하였을 때 이동할 페이지를 설정한다. * 1-1에서 오류를 발생시킨다. */ ====================== 예제 1-1 ====================== ====================== 예제 1-1 ====================== ====================== 예제 1-2 =================..

Web programing/JSP 2014.07.24

JSP 객체 (속성 + 메소드)

/* * http://sosal.kr/ * made by so_Sal */ 1. 객체 선언과 생성 2. 내장객체 2-1. Request 객체 2-2. Response 객체 자바는 객체지향 언어로, 대부분이 class로 이루어져있고, 이를 이용하여 프로그래밍 한다. class 객체들은 속성과 메소드로 구성되어있다. 속성(Property) : 자바스크립트 변수나 다른 객체들을 의미 메소드(Method) : 객체에서 사용되어지는 함수를 의미. 1. 객체 선언과 생성 데이터를 연산, 처리를 위해서는 각각의 객체마다 자료형(데이터 타입)이 있어야 하고, 이를 사용하기 위해 반드시 변수를 선언해야 한다. int a; // a 라는 이름으로 선언과 동시에 메모리 확보 String b; // b 라는 String Cl..

Web programing/JSP 2014.07.24