[6] 230201 개인 프로젝트 (1) 6일 차 Wed) 로그인 화면 진행 중 (1)

230201 Wed 24th class [6th day for portfolio :)]

---

우선 해야 할 것은

1) 로그인 페이지: 화면 설계 완료하기

2) 회원 가입 페이지
- 약관 (내용 보기) 추가

3) 메인 화면: 게시판(공지사항), 슬라이드쇼 추가한다.
- 드롭다운 메뉴로 수정하기
모두 투어 메뉴 참고한다.
https://www.modetour.com/main/default.aspx

여행은 모두투어

4) 슬라이드 쇼 이미지, 아이콘 등 디자인 부분 완료한다.

5) - 라디오 버튼: 커스텀하기 
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_radio
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox

- 비밀번호 입력 시 글자 보이게 하는 아이콘 
- 버튼 눌렀을 때 윤곽 글자색 변경 효과

6) - tabindex 추가한다.
https://www.daleseo.com/html-tabindex/

---

그 후 

1) 회원가입 입력 검증 유효성 검사
비밀번호 입력시 글자 보이게 하는 아이콘 누르면 적은 비밀번호와 경고 문장들이 나온다.

2) (필수)약관 전체 동의 (선택) 약관 전체 동의
if 전체 동의 시 check box 3개 선택, 선택 동의 시 checkbox 2개 선택 
if 3개 선택시선택 시 전체 동의 클릭됨, 2개 선택 시 선택 동의 클릭됨
참고) 
https://gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90
https://emessell.tistory.com/149

https://openlife.tistory.com/381

3) 약관 보기 눌렀을 때 제이쿼리 slideUp slideDown 기능 쓰기 

4) 슬라이드쇼: More 누르면 그 정보 페이지로 이동 
동구 사이트 참고 
https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do

| 울산광역시 동구 문화관광축제

---

새로 알 게 된 것

1. 이미지를 imgur.com에 올려서 이미지 주소 복사 쓰기

2. HTML 문서가 있는 폴더에 css 폴더를 넣는다. (하위폴더)

Linking Style Sheet

HTML 파일과 CSS 파일이 같은 폴더에 있다고 가정했을 때의 코드로, 경로는 적절히 수정해야 한다.

<link rel="stylesheet" href="style.css">

HTML 문서가 있는 폴더에 css 폴더가 있고, 그 안에 style.css 파일이 있다면 다음과 같이 한다. 이 방법의 장점은 여러 HTML 문서에 사용할 수 있다는 것이다. style.css를 적용시키고 싶은 문서에 <link> 태그로 연결만 해주면 된다.

<link rel="stylesheet" href="css/style.css">

---

기타) 
참고 by 강사님
jsp:include

jsp:include 와 <%@ include%> 차이