[개발일지 2일차] 자바스크립트 반복문 + 배열 기초
_
웹을 알면 어떤일을 하던지 도움이 된답니다. -이고잉-
1일차에 이어서,,~
다크모드에 디테일을 불어넣기 위해
어제 했던 웹페이지에서
<body>
<input type="button" value="night" onclick="
let btn = this;
if(btn.value === 'night'){
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
btn.value = 'day';
document.querySelector('#a1').style.color = 'white';
document.querySelector('#a2').style.color = 'white';
document.querySelector('#a3').style.color = 'white';
document.querySelector('#a4').style.color = 'white';
} else {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
btn.value = 'night';
document.querySelector('#a1').style.color = 'black';
document.querySelector('#a2').style.color = 'black';
document.querySelector('#a3').style.color = 'black';
document.querySelector('#a4').style.color = 'black';
}
">
<h1><a id="a1" href="index.html">WEB</a></h1>
<div id="container">
<ol>
<li><a id="a2" href="1.html">html</a></li>
<li><a id="a3" href="2.html">css</a></li>
<li><a id="a4" href="3.html">JavaScript</a></li>
</ol>
<div>
<h2>Welcome!</h2>
Hello <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">WEB</a>
</div>
</div>
</body>어제와 비슷한 코드인것 같지만 다크모드를 전환할때 약간 달라진 모습을 볼수있다. 각 < li > 태그에 고유한 id 값을 부여해서 id에 따라 모션이 달라지게 하는것을 가르쳐주셨는데 사실 알고있던 내용이라 크게 신기하게 와닿진 않았다. 그래도 알던 내용을 다시 배우는게 큰 도움이 되는건 확실한것 같다. 사실 id를 제대로 다루냐 ? 라고 하면 남한테 설명할수있을 정도는 아닌거 같다고 나도 느끼기 때문이다.
추가로 내일 제대로 배운다고 하신 배열에 대해 짧게 설명 정도만 들었는데 배열이 이고잉님께서 가장 어렵다고 하셨다. 사실 나도 자바 공부를 할때 배열이 가장 힘들었는데 파이썬으로 배우니 정말 쉬워졌기에 지금은 큰 부담은 없다. 그래도 내일 자바로 배열을 깊게 알려주신다고 하니 열심히 들어야겠다.
이처럼 코딩공부를 할때 본인이 부족한 부분이 무엇인지를 알수있는게 정말 큰 역량중 하나인것같다 괜히 알고 있다고 생각해서 그냥 넘어가버리는 경우가 많기때문에 주니어 개발자에 항상 머물러 있는다는 생각을 한다,, 이제는 이러한 습관도 고쳐 나가야 할 때인것 같다.
추가로 매일 깃헙에 소스 코드를 올리는 습관 velog에 개발 일지를 쓰는 습관을 키우려고 한다._
_
Author And Source
이 문제에 관하여([개발일지 2일차] 자바스크립트 반복문 + 배열 기초), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sucong/개발일지-2일차자바스크립트-반복문-배열-기초저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
