Ally의 서재

JSTL(JSP Standard Tag Library) - xml tags xml 태그 : 흐름제어, 변환등 제공, 접두사 x http://java.sun.com/jsp/jstl/xml" prefix="x" %> ▶ 코어 xml 액션 ▶ xml 흐름 제어 ▶ 변환 액션

JSTL(JSP Standard Tag Library) - sql tags SQL tags : JSTL 데이터베이스 접근 , SQL 지원을 제공, 접두사 sql http://java.sun.com/jsp/jstl/sql" prefix="sql" %>

# jstl의 기본문법 중 pattern attribute에 의한 날짜 및 시간 표시 pattern="yyyy-MM-dd aa h:mm:ss" 2022-05-01 오전 9:55:40 pattern="yyyy-MM-dd aa hh:mm:ss" 2022-05-01 오전 09:55:40 pattern="yyyy-MM-dd H:mm:ss" 2022-05-01 9:55:40 pattern="yyyy-MM-dd HH:mm:ss" 2022-05-01 09:55:40 http://java.sun.com/jsp/jstl/fmt" %>

>> textarea 박스 안에 라인 집어 넣기 css 예제 내용 >> 버튼에 이미지 넣는 css 예제 .btn_img{ background:#9bb5d4 url(./img/btn_round_img.gif) no-repeat right 50%; padding:2px 10px 4px 0; width:55px; height:17px; font-family:굴림; font-size:9pt; color:#ff3333; border:0; } >> 풍선도움말 넣기 이미지 풍선도움말 ( alt 사용) 텍스트 풍선도움말 (title 사용 ) 네이버 텍스트에 풍선도움말넣기

1. meta태그에 viewport설정 1) meta 태그에 viewport를 사용하여 브라우저 뷰포트의 너비와 배율을 제어. 2) 기기 독립적 픽셀에서 화면 너비에 맞추려면 width=device-width를 포함 3) 기기 독립적 픽셀과 CSS 픽셀 간에 1:1 관계를 설정하려면 initial-scale=1을 포함 ex) *** viewport에서 initial-scale 이외 속성 minimum-scale maximum-scale user-scalable 이들 속성은 사용자가 뷰포트를 확대/축소할 수 없음 2. 상대 너비 값 사용 : viewport 설정 후 width값을 %로 설정 3. CSS 미디어 쿼리 사용 ( css에 필터 적용 ) 1) 기기 특성을 기반으로 스타일을 적용하여 min-devi..

데이터 형 변환 1. 데이터 형 변환의 종류 : 자동 형 변환, 명시적 형 변환 1) 자동 형 변환 처리되는 경우 a) 숫자 타입에 문자를 더하여 문자 타입의 결과 반환함 ex) var num = 123; num = num +""; document.writeln(typeof num); // => 결과 : string b) 문자 타입에 숫자를 곱하면 숫자 타입이 됨 ex) var str = "123"; str = str *1; document.writeln(typeof str); // => 결과 : number 2) 명시적으로 형 변환하는 경우 a) String -> Number ex) var str = "123"; // str에 문자열 할당 document.writeln(typeof str); // 현재..

1. 기본 화면 정보 메타 태그 -> 로봇 검색 허용 범위 지정 *** 로봇 검색 허용 범위 설정값 - ALL : 로봇 검색을 허가함 - NONE : 로봇 검색을 허가하지 않음 - INDEX,FOLLOW : 현재 파일을 읽고 링크된 문서도 읽음 - NOINDEX,FOLLOW : 현재 파일을 읽지 않고 링크된 문서만 읽음 - INDEX,NOFOLLOW : 현재 파일을 읽고 링크된 문서는 무시 - NOINDEX,NOFOLLOW : 현재 파일을 읽지 않고 링크 문서도 무시 ****** 로봇 검색엔진 최적화(SEO) ****** 1) keyword - 한글 키워드와 영문 키워드를 함께 입력하는 것도 좋음 => , - 키워드를 무조건 많이 적은 것이 좋은게 아님. - 단어 반복해서 계속 넣을 경우 스팸처리 될 수..

1) 헤더부분 - header : 로고, 네비게이션 등 => nav : 메인 네비게이션 ex) 메인 메뉴 company product portfolio contact us community 2) 본문부분 - div, section, article : 본문, 컨텐츠 => aside : 부가적인 주제 ex1) what's new 첫번째소식 두번째소식 세번째소식 ex2) 검색 폼 검색 검색 ex3) 어비 폰트 신청 무료 신청 free1 free2 3) 하단부분 - footer : 하단 => address : 연락처 ( 하단에서만 사용가능, 컨텐츠 블럭에서는 사용안함 ) ex) 개인정보 취급방침 이용약관 사이트맵 Ally의 서재 담당자 : Ally 대표홈페이지 : http://toally.tistory..

[ html5 코드 작성할때 알아둘 사항 ] - html5는 html4.0.1와 xhtml1.0을 모두 수용 가능 - html5는 코드 작성시 되도록 소문자로 사용하자. - 곁따옴표(")나 홀따옴표(') 중 하나로만 지정해서 사용하자. 두가지 섞어서 쓰지는 말자 - 문자셋 선언이 간소화됨 => - DTD (문서 타입 선언) ex) => html5 지원 dtd ex)