분류 전체보기 153

79일차-javaScript_페이지 이동 방법과 popup창

*페이지 이동 클라이언트가 서버에 a.html을 요청하면 서버는 응답하여 페이지를 띄워준다. 이때 이름과 나이를 누르고 버튼을 누르면 버튼은 페이지를 넘길수 없다.버튼의 기본속성=>(값이 서버로전송x) =>전송하기위해 location.href|replace or document.폼이름.submit(); :단지 페이지의 이동만 함(값은x) :값을 가지고 페이지를 이동. 이때 를 선언하여 test.jsp를 서버에 요청하여 사용자가 입력한 이름과 나이 입력받게끔 함 이때 j.s파일은 입력값 검증을 한다. submit을 사용하면 값이 잘못되든 잘되든 js실행하고 전송하기 때문에 쓰지 않는다!(구현할땐 전혀 안씀) 서버는 결과를 가지고 응답을 해주게 된다. -웹의 비연결성 웹은 동일한페이지를 모든사람에게 똑같이 ..

78일차-JavaScript+a

*저장소 (repository)_Git git을 쓰게되면 로컬 레파지토리에 저장되고..? workspace : eclipse 소스저장-버전이 없다 그냥File은 unstaged/ 변경된 파일을 스테이지(선택된 파일(stage))에 올리기 위한 과정 add to index->Commit commit을 했을때 Local repository로 이동 (이때 ignored된 파일은 올라가지 않는다) Local repository : Git : HDD-Lan환경에서 사용가능하나 집에가서는 사용할 수 없게 됨. Commit되면 올라가고 Remote repository : GitHub push되면 올라간다. 원격저장소에 push/pull 우리는 git을 설치하지 않고 egit으로 사용~~ *정규식(Regular Exp..

77일차-JavaScript_함수

*함수 데이터형 : typeof 경고창 : alert 출력 : document.wirte .wirteln console.log 정수 : parseInt 난수 : Math(클래스=>함수!).random() *Math : 수학관련 클래스로 자바의 클래스는 아님 Math.abs(수) //절댓값 Math.round(수) //무조건 첫번째 자리에서 반올림 수행 Math.ceil(수) //올림 Math.floor(수) //내림 Math.random() *문자열 함수 : 글자 수(길이)는 속성으로 제공 (함수가 아님!)=> 변수명.length; //괄호를 절대 붙이지 않는다!붙이는건 자바고 Error나게 됨 대문자 : 변수명.toUpperCase(); 소문자 : 변수명.toLowerCase(); 문자하나 얻기 : 변..

76일차-JavaScript_값

*값 얻기 name속성 존재-이름이 유일할 때 document.폼이름.Control명.value id속성 X document.getElementById("id") =>Element==Tag==node(xml) =>name 속성과 id속성은 값 하나 얻기!로 checked된걸 확인, selected된걸 확인 ex) 0 1..... 문법) document.폼이름.컨트롤명[인덱스].value(값을 얻는다) .checked(확인상태를 얻는다=>boolean으로 체크되면 true) *선택된 모든 값 얻기 var obj= document.폼이름; //을 넣어주면 짧게 사용가능! for(var i=0; iobj.control명.length if(document.폼이름.control명[i].checked){ =>che..

75일차-Javascript_함수(function)

*JavaScript *function함수(자바로 치면 method-자바아닌 다른언어에서는 함수라고 많이 부른다.) 일을, 업무를 구분하여 작성할 때 코드의 중복을 줄일 수 있다. 호출하여 사용.(사용자의 동작에 의해) 제작사 함수(w3c에서 만듦), 사용자 정의 함수(개발자가 생성) *작성법(반환형이 없다->정의하지 않는다_아니 없진않는데 무조건 있는데? 데이터형때문에 정의ㄴ?) function 함수명(매개변수,,,=>무조건 전역형태로 만들어야 한다, var를 붙이지 않는다,붙이면 Error){ } 호출) //코더, 디자이너가 만든다. *HTML Form Control의 값 얻기 name속성 ((이름이같다면 배열로 처리됨.)) 태그 필요 HTML의 형상은 항상 이래야 한다. //라디오나 체크는 같을수 ..

74일차-JavaScript_제어문과 배열(2차원 배열)

*JavaScript *제어문 -문법은 자바와 동일 *for for(시작값; 조건식; 증가.감소식 => var 변수명=초기값; 변수명 자바에서는 var대신 int를 쓰기 때문에 int를 쓰는 사람이 많음 } *while *배열(Array) 일괄처리(한꺼번에 묶어서 처리) 일차원 배열만 제공 가변길이형(데이터가 추가되면 방(Element,요소)의 갯수가 증가) 이름이 같으면 배열로 처리된다, 배열에 담기는 데이터형을 제한할 수 없고, 모든 데이터형이 들어가게 된다. *배열 사용법) 생성 var 배열명 = new Array( ); var arr=new Array( ); -초기화- var 배열명=[값 ,,, ]; 값 할당 : 방의 갯수 증가 배열명[인덱스]= 값; arr[0] = 10; 값 얻기 배열명[인덱스..

73일차-JavaScript

*JavaScript(ECMA Script) 변수 전역 함수 내에서 선언하더라도 함수 외부에서 사용할 수 있는 변수 변수명=값; 지역 함수 내에서 선언하면 함수 내에서만 사용할 수 있는 변수 var 변수명=값; 기본문법 변수, 연산자, 제어문(if,else,switch~case,for,while,do,break,continue,return-기본이 C라 C문법을 많이 따라간다.),함수(사용자 정의 함수, 제작사 함수), 함수 호출, 유효성 검증, popup창 띄우기, 값넘기기, location, history, localStorage, SessionStorage, canvas, closure(클래스 흉내), prototype(상속 흉내),배열 ~~20일 즈음까지~~ *연산자(operator) 자바와 같다...

72일차-JavaScript

*JavaScript 객체 기반 언어 출력 dovument.write("메세지"); //html출력 alter("경고창"); console.log("출력"); Variable(변수) 프로그램에서 필요한 값을 일시적으로 저장하기 위해 사용 데이터형을 개발자가 지정할 수 있다. =>데이터형의 결정은 값이 할당 될 때 (동적할당) 전역변수, 지역변수 2가지로 구분 전역변수 : 어디에서든 사용가능=>변수명=값; //반드시 초기화를 해야한다. 지역변수 : 함수 안에서만 사용=>var 변수명; //어디에서만든던 지역변수 문법) 지역변수 1.선언 : var 변수명; 2.값할당 : 변수명=값; 3.값사용 : 출력,연산,재할당 (3가지중하나는 반드시 해야되고 아무것도 하지않으면 존재의 의미가 x) ex) var name..

71일차-CSS,JavaScript

*CSS 페이지 디자인 이번주는 SKY캐슬 막방입니다. 김주영 선생님은 과연 교도소에서 재소자들을 SKY를 보낼 수 있을 것인가.... copyright© all right reserved. class 4. 디자인을 구분하기 위한 의미적 태그 (시멘틱태그_의미적으로 묶는것?) SIST Class4 약관 1. 월드 홈페이지(이하 홈페이지라 함)는 (주)찬에서 운영하는 입시전문기관인 월드의 인터넷 서비스 사이트입니다. 홈페이지에 회원으로 가입하시는 분들은 회원 주체에 따라 개인회원 혹은 법인회원으로 가입하실 수 있으며, 가입하신 회원들께는 홈페이지에서 제공하는 정보 및 기능을 이용하실 수 있습니다. 약관에 동의함을 선택하시면 이 약관에 동의하는 것으로 간주하며 회원가입을 하실 수 있게 됩니다. 2. 회원의 ..

70일차-CSS_정렬,디자인,배치

*CSS 정렬 문자열: 수평정렬 : text-align : left|center|right 수직정렬 : vertical-align: top|middle|bottom 객체(테이블, div) (객체는 정렬이 없어 가운데로 어떻게 보내지?->margin으로 하게 됨. vertical-align이 없음! margin : 0px auto; 문자열 수평 정렬 fsfs fsf 왼쪽 가운데 오른쪽 위 가운데 아래 위왼 가운데오 아래센 이미지 background : 바닥색(RGB)^url('이미지url')^ 반복여부(repeat-x(x좌표반복)|repeat-y(y좌표반복)|no-repeat(반복x); 반복여부를 생략하면 바둑판형식을 기본으로 그려진다. background-image : url('이미지URL'); //이미..