21.08.12 강의록

UI 테스트

1. 사용성 테스트 - 사용자가 웹 사이트를 사용하는 것을 전제로 분석하여 진행(초보인것 처럼 진행)

*웹 표준 검사 사이트 안내 (W3C)

테스트 케이스 작성

• 전체적인 작업 확인은 크롬 브라우저의 작업 관리자 사용

1. 유효성 검사
2. 웹 호환성 - 다영한 웹 브라우저에서 확인
3. 웹 접근성

Tip 자주 쓰는 명령어들은 포스틧이나 메모장으로 표시한다.

로그인 메인 회원가입 사이트 만드는 법

1. 이클립스를 실행 new Dynamic web project "www" 생성
2. bootscrapt 실행 가능토록 환경 구축
3. new folder(images) 생성

Tip 이클립스 내부에서 Tomcat 웹 모듈 경로 변경 방법
http://localhost/demo/www로 만든것이 demo가 "/"로 표기 됨으로
같은 http://localhost/www로 중복값을 주면 안된다.
참조) https://seeminglyjs.tistory.com/304

4. (main,signin,signup).jsp 파일 생성

메인 화면 구축

1. main.jsp파일에 bootscrapt00 파일내용을 붙여넣는다.
2. 안에
   

   로그인 회원가입

   1. Home
   코딩 진행....

Tip

의 사용방법 -주소 내에서 현재 페이지의 위치를 ​​나타냅니다.
의 사용방법 - clear:both는 float 속성을 사용하면 주변으로 컨텐츠가 흐르듯이 배치가 되는데, 이를 해제하기 위해 clear 속성을 사용

참조 사이트) https://includestdio.tistory.com/34

3. 코딩 내용을 모두 복사하여 signin.jsp 파일에 붙여 넣는다

onsubmit은

문에 사용한다.

되면 action=""에 값이 전송된다

$("").focus(); 는 창에 커서가 가도록 하는 메소드이다.