HTML5 Semantic Tag - 페이지 레이아웃 구성하는 용도 - 렌더링 결과는 중요하지 않음(화면에 보이는 모습은 중요하지 않음) > 와 동일 - 블럭태그 - 해당 태그가 페이지내에서 어떤 역할 의미 중요. - 결론 : 사람이 소스(태그)를 봤을 때 의미를 확실히 알 수 있도록 해놓은 것.1. 헤더 - 페이지의 상단부(타이틀, 주메뉴, 검색창 등..) 2. 네비게이션 - 메뉴역할(주메뉴, 서브메뉴, 기타메뉴) 3. 섹션 - 전달하는 컨텐츠 영역 4. 아티클 - 섹션안에있는 게시물 하나하나(섹션은 아티클의 집합인경우가 많다.) 5. 어사이드 - 보조내용이 있는 경우(광고,실시간 채팅창), 보조섹션 6. 푸터 - 바닥글같은,,, 하단의,,, 저작권, 연락처 등등..데이터의 의미 데이터의 의미(X) -..
하위 태그들 - 관련 태그의 속성값이 숫자를 가지면 거의 글자(문자)수1. 태그- 인라인 태그- 단독 태그- type 속성 : 입력 컨트롤의 역할(형태) 지정- name 속성 : 식별자(*** 서버로 전송할 때 데이터의 키 역할)- id 속성 : 식별자- class 속성 : 식별자- size 속성 : 텍스트 박스의 너비- maxlength 속성 : 입력 문자열의 최대 길이- value 속성 : 입력값(텍스트 박스의 현재 값)- title 속성 : 풍선 도움말(모든 태그 적용 가능)- readonly 속성 : 플래그 타입. 읽기 전용- disabled 속성 : 플래그 타입. 사용을 안 하겠습니다. 전원 Off 암호 상자, Masked Text Box - 모든 속성이 일반 텍스트와 동일 - value 속성은..
, 폼태그- 입력 양식- 클라이언트(사용자)로부터 여러가지 입력 양식을 통해서 데이터 입력 -> 서버로 전송태그- 스스로 렌더링 결과를 만들지 않는다.(화면에 안보임)- 모든 입력 양식의 부모역할(***)a. action 속성-폼 내부에 입력값들 전송하는(받는사람) 서버측 URL-수신 작업을 하는 프로그램 주소(URL). Servlet, JSP , SPRINGb. method 속성 (디폴트값(기본값) = get)- 서버로 데이터를 전송하는 방식- post 방식 : 유일!!!!- get 방식 : & 링크 & URL 직접 & 자바스크립트 등등 1. get- URL의 끝에 데이터를 첨부해서 전송하는 방식(까라 방식)- ex21_ok.jsp?name=홍길동&age=25 - name=홍길동&age=25 : Que..
테이블, TABLE 태그- 표 만들기- 레이아웃 만들기1. - 큰상자- 전체 컨테이너2. , table row- 중간상자- 행역할3. table date- 작은 상자- 셀역할- 데이터를 담는 역할 ex) 2행 2열 테이블 border는 테이블 경계선 두께1234 테이블의 원래 형태 표 1.1이름키몸무게홍길동20060박첨지20060해커박20060**2018년 기준평균키평균몸무게 테이블 셀병합 테이블 셀 병합 1 34 colspan : 가로병합 12 4 rowspan : 세로병합
태그- image- 해당 위치에 이미지를 출력하는 역할- 단독 태그- 인라인 태그 속성1. src- source- 이미지 파일의 URL(상대, 절대, 외부)2. alt- Alterante Text- 대체문자열- 이미지를 출력하지 못하면 대신 보여주는 텍스트- 이미지를 대변하는 메타정보로도 사용된다. 고양이 1 A. B. 링크 태그는 인라인태그 -> 인라인 태그는 자식으로 인라인태그만 올 수 있다. 고양이 웹에서 사용가능한 이미지 파일 포맷 - jpg(jpeg), gif, png 이미지 포맷 1. 래스터 방식 - 비트맵 이미지 - 흔히 우리가 사용하는 이미지 - 사진, 아이콘 등.. - 이미지 정보를 화소로 저장 - 장점 : 디테일한 이미지(사진) - 단점 : 확대/축소 취약 > 이미지 열화(품질 저하) ..
PL/SQL - Procedural Language Extensions to SQL(+절차,제어)- 표준 SQL : 비 절차성 (명령어들 간에 순서가 없다. 명령어들 끼리의 연속적이지 않다.)- 표준 SQL + 절차적 기능 추가 -> 오라클 추가 SQL- 추가된 부분 : 자바의 프로그래밍 기능 추가( 변수, 제어문, 메소드 등..)- 오라클 전용 SQL - 표준 SQL PL/SQL : 표준 SQL과 자료형을 거의 통일시켰다.- 표준 SQL : 문장종결자 필수X- PL / SQL : 문장종결자 필수 O SQL 처리과정 & 순서 1. 표준 SQL : 클라이언트 구문 작성(select문) > 실행(Ctrl + Enter) > 네트워크를 통해 SQL(문자열) DBMS 서버에 전달. > 구문분석(파싱) > 컴파일..
웹에서 경로표기법 : 현재 페이지 -> 다른 페이지(리소스) '\' : 파일경로 (file:\\\)자바경로C:\Class\DB\JDBC'/' : 웹 경로 구분자. 웹(http://)현재./WebContent/Example 1. 상대경로기준 : 현재 웹페이지의 소속 폴더가 기준점 . : 현재 웹페이지가 소속된 폴더 .. : 현재 웹페이지의 부모 폴더자식폴더명 : 현재 소속된 폴더의 자식 폴더현재 위치를 '나'로 기준을 삼고 상대를 찾는 표현2. 절대경로기준 : 누구나 다 알고있는 동일한 위치를 기준으로 상대를 찾는 표현'/' 기준 -> '/' 는 웹사이트의 루트 폴더 > "http://localhost:8090" '/WebClientTest' == 'WebContent'3. 로컬경로사용 안함웹서버가 아니라..
자바스크립트(메소드),Function(Method) 자바 메소드 선언public [static] int m1(int num){return 10;}자바스크립트 함수 선언function m1(num){return 10;} 자바스크립트의 특징 - 호이스팅- 브라우저는 자바스크립트 코드를 실행하기 직전에 모든 스크립트 코드를 확인 후 변수와 함수 선언하는 부분을 해당 영역의 최 상단으로 이동시킨다. - 변수와 함수 둘다 허용. ex)f4();//함수 호이스팅function f4(){console.log("F4");} 분명 함수를 아래에 선언하고 함수선언 전에 f4(); 함수를 호출했는데 호출이 됨! //변수 호이스팅console.log(address);var address="서울시 강남구";변수를 더 아래에 선..
