자바과정143 바닐라 자바스크립트 - CSS와 JavaScript 분리하기 더보기 출처 및 참고 : - 노마드 코더 챌린지(바닐라 JS로 크롬 앱 만들기) : https://nomadcoders.co/ # CSS in JavaScript 우리는 자바 스크립트 내에서 CSS를 변경시켰다. 하지만 이는 무언가 좋지 않아보인다. 각각의 일들을 독립시켜줄 필요가 있다. 자바스크립트는 HTML을 변경할 것이고 CSS는 HTML을 바라보고 있는 구조가 된다. JavaScript는 상호작용으로 이용하는걸 선호한다. 1. element를 찾기 2. event listen 하기 3. 해당 event에 반응하기(어떤것을 보여주거나, 감추거나 색을 바꾸거나 등등) JavaScript : 애니메이션 작업 CSS : Style 작업 // CSS body { background-color: beige;.. 2021. 9. 23. 바닐라 자바스크립트 - Event listen하기 더보기 출처 및 참고 : - 노마드 코더 챌린지(바닐라 JS로 크롬 앱 만들기) : https://nomadcoders.co/ - # Event Listen event란 "내가 마우스로 웹 내에 무언가를 click한다" "h1 태그 위로 마우스를 올린다." - 인풋박스에 타이핑을 끝내거나, 글을 쓰거나, enter 누르는 것 또한 event에 속한다. - 또 Wifi의 접속이 해제되는 경우도 event가 될 수 있다. 위에 말한 모든 event들을 JavaScript는 listen 할 수 있다, 오늘은 click event를 알아보자 지금까지 배운 내용으로는 HTML Element를 JavaScript로 가져오는 방법을 배웠다. // 실습 기초 js 코드 const title = document.quer.. 2021. 9. 23. 바닐라 자바스크립트 시작(3) 더보기 출처 및 참고 : - 노마드 코더 챌린지 바닐라 자바스크립트로 크롬 앱 만들기 : https://nomadcoders.co/ - HTML Document Reference : https://developer.mozilla.org/ko/ 복습 차원 * 꼭 이해해야 할 거 : 우리가 하고 있는 app.js가 있기 때문에 javascript를 통해 HTML의 내용을 가져올 수 있는 것이다 * 좀더 구체적인 엘리먼트를 선택 : querySelector , querySelectorAll - getElement ~~ 보다 구체적으로 element를 지정 가능하다. * 포인트 : document가 HTML이 app.js를 load하기 때문에 존재하는 것임. 그 다음에 브라우저에서 우리가 document에 접근.. 2021. 9. 23. JVM과 JDK와 JRE 더보기 출처 및 참고 : - https://m.blog.naver.com/duqrlwjddns1/221770110714 - https://www.inflearn.com/course/the-java-code-manipulation/dashboard Java를 공부하면서 무언가를 깊숙하게 알아보는것이 재밌길래 한 번 알아보았다. 나는 자바를 하면 IDE를 다운받고 환경변수를 등록하고 코드쓰고 실행해보고... 이런 행동들을 자바를 하려면 필요한 설정이니까 해야한다라고만 알고있었지 정작 안에서 실행되는 부가적인 것들이 무엇인지, 어떤 것인지는 정확하게 알지 못했다. 그래서 알아보고자 한다. 자바의 철학 "한 번 쓰고 모든 곳에서 실행한다. (Write Once, Run Anywhere) " - JDK(Java .. 2021. 9. 23. 이전 1 2 3 4 5 6 ··· 36 다음
