[Level 1] 미션 2: 로또 미션 2단계

 

Input

---

사용성을 높이려 이것저것 하다 보니 Input 태그에 생각보다 많은 속성이 있음을 확인할 수 있었다. 속성 값만 넣으면 알아서 invalid처리를 해준다. 주어진건 잘 써먹자

name

name 속성은 form이 제출된 후 서버에서 form data를 참조하기 위해 사용되거나, 자바스크립트에서 요소를 참조하기 위해 사용

min, max (numeric types)

input의 최소, 최대값을 설정할 수 있다. 범위를 벗어나게 되면 invalid

step (numeric types)

단위값(증분값) 설정. 지정 단위로 나눠떨어지지 않으면 invalid

autofocus

페이지가 로딩될때 지정된 input에 오토포커스

https://developer.mozilla.org/ko/docs/Web/HTML/Element/input

 

Step by Step

---

금요일에 깜짝 퀴즈 아닌 퀴즈를 보았는데 너무 많이 틀려서 충격받았다. 반성과 공부의 의미로 변수와 객체 챕터를 다시 펴서 공부했다. 블로그에 올리기에는 그냥 책 복붙이라 노션 링크. 생성자 함수에 관한 내용은 따로 정리해봐야겠다.

https://verbena-salt-b43.notion.site/var-let-hoisting-f3d456d3c1894becb237a0be750e8047

변수(var, let, hoisting)

https://prefer2.tistory.com/entry/Javscript-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85-Hoisting?category=1224914 

[Javascript] 호이스팅 (Hoisting)

https://verbena-salt-b43.notion.site/Object-78615bb4d46a482fa87441ad1b3e9b35

Object

 

네이밍

---

1단계 전체 피드백으로 !이나 not사용을 지양하라는 피드백이 있었다. 생각해보니 나도 이와 관련해서 맨날 헷갈려하고 있었다. 유닛테스트를 할때도 true/false가 혼란스러웠고 테스트 통과 유무로 이를 확인하곤 했다. step2에서는 관련 함수들을 최대한 한눈에 알아볼수 있게(부정문을 한 번 더 생각하지 않을 수 있게) 수정하였다. 수정을 하고 보니 한번에 읽혀서 보기 좋다.

!isInRange ➡️ isOverRange
!isDividedBy  ➡️ isRemainder

 

 

짧은 회고

---

코로나 코로나 코로나. 페어때 안걸려서 다행이다.

 

무려 이런 강의?도 있었다. 이분야의 전문가라 공감이 많이 되었다. 학교에서 이미 단련되었다고 생각되었지만 사람인지라 신경이 안쓰일 수는 없는 부분인 것 같다. 잘하시는 분들에게 더 많이 물어보고 배워야겠다. 다음주 목표는 질문 많이하기이다. 끄읏