이것저것

https://momentumdash.com/ Momentum Dash: Your space for focus One of the easiest, most powerful ways I've changed my daily life is by using the @momentumdash plugin for Chrome. It shows you your to-do list right on your homepage, so whenever you get sidetracked, you get a reminder when you pull up a new tab about wha momentumdash.com 크롬에서 쓰이는 momentum을 클론코딩해보자. html에서 class명을 지을 때 단어로만 하게 되면 css..

JavaScript 강의를 듣다보면 init을 사용하는 경우가 많다. 사실 예전에는 그냥 함수명으로 init을 쓰니까 따라썼는데 왜 쓰는지 이유를 몰랐다. 그래서 구글링을 통해 찾아보았는데 init이라는 함수가 따로 있는 것은 아니었다. init에는 처음 실행 할때 초기값을 갖는 함수나 객체를 생성할 때 쓰인다고 했다. init을 주로 사용하는 경우는 main에 들어가기전에 초기화를 해줘야 하는 객체들이 있을때 사용한다는 것 같다. 아니면 사용하고 다시 초기화 해줘야하는 경우..?? 경우에 따라서 init의 위치를 바꿔주면 되는거같다... 정확하게 이해하면 다시 수정해야겠다.

자바스크립트에서 html에 있는 요소를 가져올 수 있나 확인하기 위해서 log로 document를 확인해보면 html에 접근할 수 있다는 것을 확인해볼 수 있다. 자바스크립트에서 html에 접근하기 위해서 h1에 id를 넣어줬다. js파일로 넘어가서 html을 수정해볼 것이다. //js const title = document.getElementById("title"); console.log(title); //This works 로 나오고 아래를 추가하게되면 This works가 its from JS!로 바뀐다. //위에 확인 후 추가 title.innerHTML = "its from JS!" id를 title로 지정해주었으므로 document 객체의 getElementById의 title을 log로 출..

웹에 웹사이트를 만들고 싶을 때, 웹사이트를 interactive로 만들고 싶을 때(역동적이고 효과적인 웹사이트) ES5, ES6는 ECMAScript의 약자이다. ES는 Specification의 버전을 알려주는 것이고 Specification은 작동 설명서 같은 것이다. 바닐라 자바스크립트는 javascript의 한 종류로 Library가 없는 것을 나타낸다. 작은 결과물을 만들 때는 repl이라는 사이트에서 코딩하는 것도 편안하다. 프로그램을 깔 필요도 없고 결과물도 옆에서 바로 볼 수 있기 때문이다. ps. 단점으로 log를 살펴볼 때 가끔 작동하지 않는 것도 있고 너무 길거나 크면 나오지 않는다. https://replit.com/login?goto=%2Frepls Log In Replit is..