클론코딩을 활용한 JS 공부 기록
배운점
1>
localStorage를 지원하는 브라우저는
windows 객체에 localStorage라는 property가 존재
무언가를 저장할때 사용함.
예시>
localStorage.setItem("저장할 값의 이름 (key값)","변경할 값(value값)")
값을 얻을땐 localStorage.getItem("key 값")
값을 지울땐 localStorage.removeItem("key 값")
콘솔 어플리케이션 좌측 local storage에서 값 확인 가능2>
조건문에서 문자열끼리는 비교가 안됨....
따라서 parseInt()함수사용함.
또한 JS 같음은 === 아니다는 !== 이라는 점 (!=아님)
3>
Math.random() : 0에서 1보다 작은 난수 발생
Math.ceil() : 값을 올림, 소수점이하 제거
이 두 함수를 사용하여 랜덤숫자 배열 인덱스로 해서 뜨게하는법 배움.
예시>
const random = Math.ceil(Math.random()*max);4>
HTML INPUT태그 내용을 제출하기 위해서는 form태그 내에 작성해야함
예시>
<form id="js-guess">
<input type="number"
max="200" min="5" />
</form>느낀점
3번째 숫자맞추기 코딩과제때
또.. 멍... 하다가 우선 보여지는 폼부터 html로 만들어나갔다.
랜덤 숫자 처음만들어보고
배열만들어서 그거 인덱스값을 랜덤함수 (math.floor등 3가지)
TYPE = "submit" 이거몰랐음 그래서 처음에 표에 숫자 따로 들어가게 하려고 끙끙거렸음. html공부하고 나면 나아질 것
오류 생겼을때는 혼자 왜이러지 하고 당황하고 헤매기 보단 ,
콘솔보고 원인을 분석하고 구글링해보고 그래도 안 나올때는
슬랙에서 같이 공부하는 사람들에게 물어보며 바로 바로 해결하려함.
예를들어,
const initialNumber = document.querySelector("#initialNumber");
#initialNumber 함수 호출이 안 되었는데 document.querySelector로 불러온 요소 잘 받아오는지 콘솔로 확인해 보라는 조언을 통하여 확인 결과 못 받아오고 있었음. 원인 찾아서 금방 해결함.
노마드코더 클론코딩 인강을 통하여 배운 것을 복습하는 포스팅이므로 잘못된 정보는 예쁜말로 피드백 주시면 언제나 감사합니다.
.png)