so_sal　

/* * http://sosal.kr/ * made by so_Sal */ confirm() confirm은 alert와 함께 대표적인 대화상자입니다. -> 확인과 취소를 선택할 수 있는 대화상자를 만들어줍니다. confirm으로 표시하는 이벤트창들은 일반적으로 사용자에게 어떠한 조건을 부여한 후 사용자가 그 조건을 선택하여 실행하도록 하게 합니다. 조건을 적용하기 때문에 if문과 함께 많이 쓰이게 됩니다. -> 확인버튼은 True, 취소 버튼은 False값을 반환합니다. alert와는 다르게 ? 가 뜨네요. (확인 누르고 싶네요) 그럼 예제를 한번 볼께요

/* * http://sosal.kr/ * made by so_Sal */ 대화상자 :: 사용자에게 어떤 내용을 알려주는것 alert() alert 메소드는 인자로 전달받은 문자열을 새로운 메시지 창에 표시하고, 사용자가 확인버튼, (혹은 ok)을 누를때 까지 alert 이후의 스크립트 내용이나 html 문서 내용에 대한 실행을 잠시 중단함 매개변수는 () 안에 들어가게 됩니다. 사용되는 경우? -> 폼 입력(id, pw 입력칸)에서 잘못된 자료가 발견된 경우 ex) 비밀번호가 틀렸거나 아이디를 적지 않을경우.. -> 계산 결과가 오류를 발생시키는 경우 -> 특정 서비스가 주어진 환경에서 수행 불가능할 때 사용자 경고 ex) 당신은 admin 페이지에 권한이 없습니다. 등. 사용법 그럼 정말 alert(..

/* * http://sosal.kr/ * made by so_Sal */ javascript의 변수는 숫자로 구성되어 있다면, 숫자의 연산이 자료형에 관계 없이 가능합니다. (사실 자료형이 없지만..) a=10,b=5 c=a+b document.write(c); // 15가 출력됩니다. c=a/b document.wrtie(c); // 0.5가 출력됩니다. 훌륭하네요. c언어처럼 자료형을 따로 맞출필요가 없습니다. document.write(a==b); //false가 출력됩니다. 10과 5는 같지 않습니다. document.write(a!=b); //true가 출력됩니다. 10과 5는 다른게 맞습니다. 비교구문에서 &&는 좌측, 우측 하나라도 틀리면 false 비교구문에서 || 는 좌측, 우측 하나라..

/* * http://sosal.kr/ * made by so_Sal */ 변수의 선언 var [변수이름] var :: 데이터형 var Temp :: var형의 변수 Temp 선언 * 첫번째 문자는 반드시 영어 or '_'로 시작해야한다. * 한글을 사용할 수 없다. (하지만 직접 입력하는 값들은 한글을 지원함) * var,document,write 등 예약어(기본적으로 정의되어 있는 문자열)는 변수명으로 사용할 수 없다. 변수의 초기화 var Temp Temp = 100 Temp = "Hello" Temp = "안녕" var Temp1 = 100 ::선언과 동시에 변수의 초기화

/* * http://sosal.kr/ * made by so_Sal */

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

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

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

/* * 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..

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