코드캠프 - 베이스캠프 17일차

오늘은 베이스캠프 4주차 둘째날이다.
오늘도 어제 만들었던 인사일런스 홈페이지를 더 작업하기로 하였다.

사이드 메뉴에서 남성 버튼을 클릭하면 남성복 종류 선택창이 나온다.
iframe태그에서 콘텐츠 내용을 바꿔야 했었는데 바꾸기가 어려웠다.
구글링을 통해서 iframe 태그를 더 알아보았다.

<iframe
              src="./home.html"
              name="target__main"
              id="box1"
              scrolling="no">
<!--iframe에 name을 설정해주면 a태그와 연결이 가능하다. -->
<!--그리고 iframe의 크기가 커지면 자동으로 iframe내에 스크롤이 생기는데 scrolling 속성으로 속성값을 No을 지정해주면 스크롤이 사라진다 -->
<a href="./men/men.html" target="target__main">남성</a>
<!-- a태그에 target속성에 iframe name속성 값을 넣어주면 원하는 html으로 바꿀 수 있다.-->

계정 버튼을 누르면 로그인창이 뜨도록 만들었다.
아직 완벽하게 구현은 하지 않았다.

회원가입 창을 만들었다.
디자인보다는 기능 구현을 먼저하였다.

폰번호 입력창에서 최대 글자수를 입력하면 자동으로 다음칸으로 이동하게 만들었다.
focus 메소드를 이용하였다.
그리고 마지막 번호칸에 글자수를 다 채우면 인증번호 전송 버튼이 활성화 된다.
인증번호 전송 버튼을 누르면 인증번호와 인증번호 타이머가 작동이 된다.

오늘은 여기까지 만들었다.
앞으로 더 보완하고 새로운 기능을 추가하려고 한다.