[11] 230206 개인 프로젝트 (1) 11일 차 Mon) 메인 화면 진행 중 (3) 해야 할 것 리스트

230206 Mon 27th class [11th day for portfolio :)]

---

우선 해야할 것은

1) 메인 화면:
- 아이콘 6개 추가 
아무리 생각해봐도 동그란 썸네일이 나은 것 같다.
이미지 6개 찾는다. 
(1. 교통 정보
2. 숙박 정도
3. 음식점 정보
4. 레저, 스포츠
5. 특산물
6. 축제, 대회)

- 크기 조정 (%로) (완료)
- 슬라이드 쇼의 More 누르면 그 정보 페이지로 이동 (아직 X)

동구 문화관광축제 사이트 참고)
https://www.donggu.ulsan.kr/tour/cmm/main/mainPage.do
- 날씨 위젯, 검색어 기능 추가 
- 두번째 슬라이드 쇼 반복 재생 버튼 일시정지 버튼 만들기(생각중)

- css 코드 깔끔하게 만들기 :)
- 메뉴 코드 게시글 올리기

---

2) 로그인 페이지
- 비밀번호 입력시 글자 보이게 하는 아이콘 넣기
- 버튼 눌렀을 때 글자색 변경 효과 주기
- input 눌렀을 때 border 색상 변경된다
- | 연하게 만들기
- 구글 아이콘 사용하기 (화살표 위, 아래)

---

3) 회원 가입 페이지
- 비밀번호 입력시 글자 보이게 하는 아이콘 넣기 (로그인 페이지와 같다.)
- 버튼 눌렀을 때 글자색 변경 효과 넣기 (로그인 페이지와 같다.)
- input 눌렀을 때 border 색상 변경된다 (로그인 페이지와 같다.)
- 직접 입력 눌렀을 때 왼쪽 정렬로 바꾸기
- 약관 (내용 보기) 추가
- tabindex 추가한다.
https://www.daleseo.com/html-tabindex/

- 약관 보기 눌렀을 때 제이쿼리 slideUp slideDown 기능쓰기 
- 라디오 버튼: 커스텀하기 (아래 참고) 
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_radio
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_checkbox

 

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

- (필수)약관 전체 동의 (선택) 약관 전체 동의
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/149https://openlife.tistory.com/381

https://openlife.tistory.com/381

기타) 페이지 아이콘 넣기
https://dasima.xyz/html-title-%EC%9D%B4%EB%AF%B8%EC%A7%80-icon/

HTML title 이미지 또는 icon 적용하는 방법 - dasima

이 날 부터 새로 알게 된 것은 게시판에 추가한다.😊