본문 바로가기
반응형
SMALL

전체

HTML_웹 접근성 [1] 웹 접근성 (1) 웹 접근성 장애인, 비장애인 이용자, pc 등 장비에 관계없이 이용할수 있는 웹 정보를 구성하는 것 [2] 웹 접근성 적용 방법 (1) alt 적절한 텍스트 명시 title은 참고의 의미로 alt 대신 사용하지 않는다. (2) 콘텐츠 명도 대비 명도대비 4.5 : 1 명도대비 3:1 명도대비 점검 사이트 https://webaim.org/resources/contrastchecker/ WebAIM: Contrast Checker Contrast Checker You are here: Home > Resources > Contrast Checker This tool requires Javascript. Normal Text The five boxing wizards jump qui.. 더보기
CSS_웹 컬러 CSS 컬러 글씨 색깔 등 컬러 사용할때 참고할수 있는 tool https://developer.mozilla.org/ko/docs/Web/CSS/CSS_colors/Color_picker_tool Color picker tool - CSS: Cascading Style Sheets | MDN 이 도구를 사용하면 웹용 사용자 정의 색상을 쉽게 만들고 조정하고 실험 할 수 있습니다. 또한 HEXA 색상, RGB (빨강 / 녹색 / 파랑) 및 HSL (색조 / 채도 / 밝기)를 비롯하여 CSS 에서 지원하는 다양한 developer.mozilla.org 더보기
CSS_웹 폰트 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 더보기
UI UX 디자인 UI / UX 디자인 UX = 웹사이트의 설계, 고객 니즈 분석 , 마케팅 웹 디렉터 업무 UI = 색상, 이미지 , 아이콘 , 폰트 등을 이용하여 사용자 화면을 디자인 더보기
HTML_파비콘 [1] 파비콘 (1) 정의 웹 브라우저 주소창에 있는 아이콘 (2) 파비콘 생성 사이트에서 생성가능 https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 더보기
HTML_오픈 그래프 프로토콜_웹페이지 미리보기 오픈 그래프 프로토콜 Open Graph protocol https://ogp.me/ Open Graph protocol The Open Graph protocol enables any web page to become a rich object in a social graph. ogp.me 아래 카카오톡이나 네이버처럼 이미지가 미리보기처럼 나오는 현상을 만들수 있다 https://www.naver.com/ 네이버 네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.naver.com 더보기
🌻 웹프로젝트_[9] 오라클_MyBatis 페이징 처리 [1] 페이징 처리 (1) 필요조건 페이지 번호 페이지 당 데이터 갯수 [2] 페이징 기본 구축 (1) criteria.java 현재 페이지 넘버 pageNum 페이지의 데이터 갯수 amount (2) BoardMapper 인터페이스 페이징 처리하는 메서드 추가 (3) boardMapper.xml 오라클 힌트를 사용해야하므로 부등호 < 를 써야하는데 인식 오류가 일어나기 때문에 를 사용하면 부등호를 사용할수 있다 추출한 데이터 20개 중에서 10개를 조회해라 (4) BoardMapper Test paging 설계한대로 10개가 조회됨 [5] 페이징 설계 반영 (1) boardMapper.xml 아까 입력했던 20개 , 10개를 변수로 수정한다 (1-1) boardMapperTest (2) boardSer.. 더보기
오라클_페이징 hint ROWNUM 인라인뷰 [1] 오라클 힌트 hint (1) 정의 오라클 힌트 hint 개발자가 DB에 어떤 방식으로 실행해줘야하는지 명시하기 위해 select 문을 전달할때 사용한다 최적의 실행 경로를 작성하여 지시하는 것 (2) 사용법 시작 = /*+ 마무리 = */ [2] hint 종류 (1) full 힌트 테이블의 모든 데이터를 스캔한다. 검색 속도가 느리다 SELECT /*+ FULL(tbl_board) */ * from tbl_board order by bno desc; (2) INDEX_ASC 힌트 / INDEX_DESC 힌트 인덱스 순서대로 또는 역순대로 스캔할것인지 지정한다 SELECT /*+ INDEX_ASC(tbl_board pk_board) */ * from tbl_board WHERE bno > 0 [3].. 더보기
반응형
LIST

티스토리툴바