목록IT (51)
백업하는 인생
프로젝트 만들어서 톰캣 돌리기
1. 프로젝트 만들기 Project Explorer에서 Dynamic Web Project 클릭 (Project Explorer 위치: window - Show View - Other) * 파일명, 파일 저장할 위치 선택 (따로 지정하고 싶으면 Use default location 체크해제하고 경로 따로 지정하면됨) 2. 해당 프로젝트를 톰캣 연결 2-1) Server에서 마우스 오른쪽 - new - server 2-2) 다운받은 톰캣 버전 선택 후 next. 2-3) 해당 프로젝트 선택후 add 2-4) 시작 버튼 클릭 브라우저에서 localhost:8080을 입력하여 확인하면 끝~
html : http://validator.w3.org/ css: http://jigsaw.w3.org/css-validator/
[호환성] 브라우저별 css 지원 확인할 수 있는 사이트 (caniuse)
https://caniuse.com/#search=float 내가 쓰고싶은 css가 어디 어디 브라우저에서 지원되는지 한눈에 볼 수있다. 상단에 css를 쓰면 하단에 브라우저별로 결과가 나온다.
1. 웹 접근성과 모바일 웹 접근성의 심사기준은 동일하며 단, 항목 8번이 8-1(키보드 사용 보장)과 8-2(누르기 동작 지원)으로 구분되어서 심사하고 있다고 한다. 항목 8-1. (키보드 사용 보장) 모든 기능은 키보드만으로도 사용 할 수 있어야 한다.(PC웹) 항목 8-2. (누르기 동작 지원) 터치(touch) 기반 모바일 기기의 모든 컨트롤은 누르기 동작으로 제어할 수 있어야 한다.(모바일 웹) 2. 심사환경 android 9 이상 (최신버전으로 심사하게됨. 업데이트 필수) - 넥서스5x : 5.2 - 구글 픽셀로 테스트하는게 좋음 (갤럭시, lg 는 테스트하기엔 불안정함 ) os 12.1.4 (최신버전으로 심사하게됨. 업데이트 필수) - 아이폰 6이상 (** 2019년 상반기 기준이고, 그 사..
[title] - a링크, button에 들어가는 title
1. a링크에 title을 다는 경우 - 목적이나 용도를 알기 어려운 링크텍스트 및 아이콘를 제공한 경우
[건너뛰기] "본문바로가기" 엔터시, 정확히 본문이 시작되는 곳으로 이동
항상 body 맨 상단에는 아래와 같은 소스가 들어가야한다. 본문바로가기 주메뉴 바로가기 * class명과 id명은 자유롭게 바꿔도 된다. 저 소스를 body 제일 상단에 추가하게 되면 탭을 클릭했을때 브라우저 맨 상단에 이런게 나타난다. 저걸 엔터 치는 순간 정확히 본문이 시작되는 곳으로 이동해야하는데, 이동한 곳이 본문이 시작되는 곳이 아니면 오류판정 받게 된다. (참고로 "주메뉴 바로가기"는 헤더의 첫번째 메뉴로 이동하면됨) 주의해야할 점은 아래 이미지처럼 상세 탭에 있을 경우 탭 하단에 있는 본문으로 이동해야한다. 탭까지 감싸고 있는 태그로 이동하면 안됨. 참고 : https://www.kisti.re.kr/mspt/client-satisfaction/pageView/31?t=1579008528427
[명도대비] 색에 상관없이 구별이 가능해야한다(명료성)
흑백일때 색에 상관없이 구별이 가능해야됨 패턴이나 underline을 사용하던지, 텍스트로 보조설명하는 방법으로 해결할수 있다. 물론, 이미지 속에서도 색에 상관없이 구별이 가능해야한다 이미지들이 색깔로만 구별된다면 일일이 포토샵으로 합성해서 바꿔야한다. 저런 이미지들이 많다면 죽었다 생각해라 (명도대비부터 대체텍스트까지 지옥을 경험하게 될 것이다 .... )
1. 일반 링크 a링크 클릭시 새 창이 뜰 때(target="_blank" 들어가 있을 경우)는 반드시 title="새창으로 열림" 넣어야됨 - 링크 안걸려 있는 텍스트에 굳이 a링크 걸어가면서 넣을 필요 없음 - 새창으로 띄워도 되고 안띄워도 됨. 단, 새창으로 띄울거 같으면 반드시 새창으로 열림 title 추가해줄것 naver.com 2. 메일보내기 링크 abcd1234@naver.com
[title ] - 페이지 타이틀
1. 각 페이지 별로 타이틀이 있어야된다. 현재페이지 | 2차메뉴 | 1차메뉴 | 사이트명 2. 단계를 나눌수 있을때까지 나눠야됨 * 예시 (유형이 많아서 일부만 기재했음...) 1) 회원가입이 끝이 아니라 "회원유형 선택"하는 것까지 나눠야됨 참고: https://www.nanoin.org/member/memberJoin 2) 팝업창 상단에도 title 추가해야됨 참고: https://www.nanoin.org/member/joinReqForm 3) 탭 있는 부분은 탭 제목까지 다 나눠야됨 참고: https://www.kreonet.net/service/pageView/639?t=1578931922897
날짜 나라 음식 2019-02-01 대한민국 김치 1. caption은 상세하게 써야한다. 날짜별로 각 나라의 음식의 종류를 보여주는 표입니다. 2. th에는 반드시 scope 를 써야된다. (td에는 쓸 필요 없음) 날짜 나라 음식 2019-02-01 3. 레이아웃용(디자인만을 위한)표는 th scope. caption 다 없어야됨. (전부 td로 짜야됨) 참고: https://www.kisti.re.kr/promote/post/newsletter/4356?cPage=2&t=1578930909280