[WEB 개발]_사용한 함수, 기능 정리 3번

1] li 안의 Template 를 만들고 그 안을 for문으로 원하는 만큼 반복문으로 만들기

 

 

시작점을 지정하고 현재의 년도를 함수를 통해 받아온다.

for문을 통해 시작점부터 현재의 년도까지 반복하게 된다.

해당하는 html 태그를 만든다음에 template tag에 맞는 값을 생성하고 그 안의 html을 내가 지정한 방식으로 만들게 됩니다. 그리고 node라는 곳에 저장하고 그 값은 true 로 보여지게 됩니다. 그리고 yearList.append(node) 를 적어두면 잘 작동하게 됩니다.

 

2] 위의 방법으로 만든 template를 어떠한 액션 리스너에 의해 지우고 원하는 값으로 다시 만들 때 사용하는 방법

#안의 값은 querySelector로 떠 온 값을 변수에 지정하고 그값을 넣어준 것입니다.

해당하는 부분만 넣어서 remove할 경우 (두번째 줄) 모든 값이 날라가게 되고

뒤에 * 를 붙이게 되면 그 아래의 값 [year_list 는 select의 부분으로 아래의 li부분] 만 삭제된다.

 

3] 오늘 실수한 부분

html 태그에서 input 혹은 button으로 나오는 값(value) 들은 기본적으로 string 값입니다.

제가 아무리 1이라는 int 값을 지정해도 if문이나 switch case문을 int로 핸들링하면 오류가 납니다.

=
==
===
위의 연산자를 이용할때 주의해야한다.

=는 대입연산자

==는 int값과 string값이 같으면 true를 리턴함

===는 값과 자료형까지 똑같아야만 true를 리턴한다.

 

주의해야한다.