부트캠프 - precamp 5일차 💛final 회원가입💛

 5월 6일자로 5일차 프리캠프가 끝났다~ 

 지금 눈이 너무 피곤하고 졸리고, 내일은 엠티가는 날이어서 자고 싶지만 기능구현을 조금이라도 해보고 싶어서 vscode,,만지는 중...음 아직은 이걸 개발이라고 하기엔 민망하다..ㅎㅎ 

질의응답

9시-10시 : 알고리즘 셀프 스터디

오후 데일리 스크럼, 자바스크립트 기초-메소드

10시~1시 : 메인 수업

1시~3시 : 식사

블로깅, 코드리뷰, 스크럼, 알고리즘 테스트(금), 알고리즘 수업

9시-6시30분 정규는 구라다.

집에 가도되지만! 갈 수 없어.

몸이 안 좋다, 병원가야할 것 같으면. 결제내역 메세지나 약봉지 영수증 보여주면 됩니다.

 

방금 해결한 문제

 <div class="phoneCer">
                    <div id="token">000000</div>
                    <button class="button" id="button" disabled="true">인증번호 전송</button>
                </div>

원랜 class="button" 부분이 없었다.

id="button"만 지정해놓고 css에서 #button { } 으로 적용하려하니, disabled해도 비활성화 되지 않았다. 비활성화가 안된건지 비활성화시 적용되는 스타일이 적용이 안된건지는 모르겠다. (아직 기능을 안 넣어서)

#button.disabled { } 하면 되나 하고 이것도 해보고 안되길래 

검색해보니 .button:active:enabled ... 쓰기도 하고 해서 #button:active:enabled 해보고 뭐 여러가지 변형도 해봤는데 안됐다. 결국 호옥시 하고 class 지정하고 css에서 .button { } 하니 아무것도 안 붙여도 비활성화 적용이 잘 됐다!ㅠ_ㅠ 

좌 : 활성화          우 : 비활성화

 결국은 id로 css 했을 때 비활성화가 적용이 안되거나 비활성화 스타일이 적용이 안되는 것 같은데, 아직 id와 class의 차이는 하나에만 지정 가능/여러개에 지정가능 이라고만 알고 있어서 정확히는 모르겠다. 기본서 책이 역시 하나는 필요하다는 생각이 든다. 내일 엠티가는 길에 책 사야겠다@_@ 깃허브 아이디도 바꿨다! 깃허브 보니까 내가 2015년에 가입했다는 것 같은데(?) 왜지...? 왤까? 그래서 그때 당시 본명으로 아이디 생성이 됐던건가? 뭔가 지금 생각하니 레어를 버린기분^^ㅎㅎㅎ 앗 근데 지금 바꾸려고 하니 되네..?ㅅ? 내가 너무 메이플에 찌든건가... 별게 다 레어느낌... 아무튼 허니버니가 너무 귀여워서 내 이름이랑 합쳐서 만들었다^ㅁ^ 그리고 어제 싸이월드 만들면서 '우산을 들어줄게'라는 노래를 알게 됐는데 좋아서 기분이 좋다... 좋아서 기분이 좋아~ 좋아서 좋아~

---

 인증번호 전송 누르면,

1. 인증번호 전송 버튼이 비활성화 되어야 한다.

2. 랜덤 숫자 여섯자리를 만들어서 보여준다.

3. 3분 타이머 작동! 

4. 인증확인 버튼 활성화

 일단 인증번호 전송 버튼에 onclick으로 함수 호출하게 만든다. 함수 안에선 타이머가 작동되고 있는지 확인한 후 나머지 코드를 짠다. (중복 실행 방지) 그리고 함수 안에서 다른 함수를 호출하는 게 가능한가? 가능하다면 랜덤 숫자를 만드는 함수는 따로 빼고 싶다. -랜덤 숫자 여섯자리를 만들기 위해 Math.random() 내장함수 사용 후 1,000,000 곱하고 Math.floor()로 소수점 뒤에 있는 애들을 버린다. 다섯자리로 나오는 경우 방지를 위해 문자열로 바꾼뒤 여섯자리가 안되면 padStart로 앞에 0을 추가하게 한다. -

 타이머도 내장함수를 이용하고 나누기랑 나머지 연산을 이용해서 분과 초를 나누고 여기선 두자리가 안되면 0을 추가하게 한다. 인증확인 버튼 돔으로 활성화... 

를 내일 해야겠다! 하하^▽^/ 🎵