개발자의 하루

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

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

*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'); //이미..

site의 page는 HTML(구조), CSS(디자인), JavaScript(동적인 화면변경, 유효성검증)로 이루어 짐 CSS(Cascading Style Sheet) hakon wium lie가 1994년 제안 HTML의 통일성있는 디자인을 제공 3가지 형태를 가짐 inline : tag에 직접 정의하는 방식 (우선순위가 가장높다-어떤경우에도 가장먼저 적용, 코드의 재사용성은 가장 낮음(그때 그때계속만들어야 함)) embed : HTML안에 태그에 정의하는 방식 (적절,적절) external file(외부파일방식) : 확장자가 .css인 파일을 정의하고 필요한 곳에서태그로 연결하여 사용하는 방식 (우선순위가 가장 낮다. 코드의 재사용성이 가장 높다.) 선택자(selector)를 사용하여 디자인을 적용할..

*HTML Form Control(지난시간 마지막)-사용자가 입력하는 값을 받기위한 객체들(자바로치면 컴포넌트),, 3가지>* 태그HTML From Control의 값을 서버로 전송하는 일            >>)" name="javaScripte에서 접근 할 이름(이름이 들어가면 자바스크립에서 쉽게 접근할 수 있게 된다.)" method="전송 방식(get|post(기본이 get방식))">GET : 주소창으로 데이터 전송하는 방식으로 보안이 되지 않는다.주소창으로 데이터를 태워보내기 때문에 256자이하의 소용량 데이터를 전송할때 쓰임, 파일은 전송할 수 없다.주소창에 URl을 직접 입력했을 때, , , javaScripte에 location.href(?) 일 때가 대표적인 예POST : HTTP he..

-영역 태그(주로 CSS와 함께 쓰임) : 브라우저의 전체영역을 나눌때(web page의 전체 디자인을 설정할때 쓰게됨) 전체 틀을 잡을 때 주로 사용 기본넓이가 브라우저의 100% a a a b a c : 데이터가 있는것 까지만 영역을 나눌 때 데이터를 출력해야하는 영역을 잡을 때 기본 넓이는 데이터의 넓이 a abc b c 1 2 3 1 2 3 *web 1.0 : 집단 지성 X, 전문가 그룹으로 신뢰성up, 응답이 느림, 모든 상황에 대해 응답할 수 없음 *web 2.0 : 집단 지성 O, 사용자 그룹으로 신뢰성은 떨어지지만 응답이 빠르고, 모든 상황에 대해 응답가능 *HTML Form Control HTML에서 제공하는 객체로 사용자가 입력하는 값을 받을 수 있는 객체들 이다. ,, HTML5 에서..

-table_tag 표:데이터를 보여줄 때 사용 ,,,,,,로 구성 테이블 시작 행만들기 테이블 컬럼명(table header) 만들기 -들어가는 문자열은 자동으로 진하고 가운데 정렬이 된다. 테이블의 칸(컬럼) 만들기-들어가는 문자열은 일반글자,왼쪽정렬이 기본 theader,tbody,tfoot이 테이블을 보기 편하게 만들어 준다. 테이블의 구성중 header부분(-컬럼명부분 의미적)을 명시 눈에 보여지지 않고 코드상의 데이터를 구분하는 용도로 사용 소스의 작성 위치에 상관없이 가장 위로가서 보여진다. 테이블의 구성중 body(데이터를 보여주는)부분 명시 테이블의 구성중 footer 부분 명시 =>결과를 보여주는 코드 눈에 보이지 않고 코드상의 결과를 보여주는 용도로 사용 소스작성 위치에 상관없이 가장..

*HTML 구조 --DTD정의 --4.01은 다양한 DTD를 지원 -- 사용자에게 제공할 내용 --여러가지 Tag를 사용하여 구현 -저장하면 .html/.htm파일이 되는데, 웹서버(:HTML을 요청한 web browser(web client)에 응답하는 일을 할 수 있는 프로그램.)에 올려 불러올 수?실행시킬 수 있게 된다. -Apache Tomcat은 web container로 웹서버의 기능을 가지고 있을 뿐이지 하는일은 좀 다르다 -html_prj/WebContent/배포|폴더생성/배포 =>HDD에 있어, 배포를 위해 인식시켜야 하는데 Tomcat의 server.xml이 그 폴더가 웹서비스가 되게한다. -요청하려면 url이 필요한데 팀버너스리가 만들었고, 프로토콜://도메인:포트/context pa..

*HTML(Hyper Text Markup Language) markup: 본문에서 특정부분을 강조하여 보여주기 위한 기능(ex/ 검은색과 하얀색으로된 이도=>에서 굵은 글씨로 강조한 것) 마크업 언어 Tim berners Lee 고안 HTML5 최종버전 (w3c에서 표준안을 제정하고 관리하고 공표) =>https://www.w3.org/ web browser에서 동작하는 언어 (연산기능이 없다, 있는거 그대로 보여줌 (유효성검증 같은거 못함)) Compile을 하지 않고 Tag를 그려서 보여주는 언어(문법적 에러가 아님) (Error가 발생하지 않는다.) =>문제가 발생한 코드를 찾기 어렵다.(단점) SGML언어(Markup 언어를 작성할 수 있는 언어)에서 파생된 언어 저장시 [ .html ]의 확장..