728x90 반응형 HTML38 JS- JS로 HTML, CSS 다루는 방법! JS- JS로 HTML, CSS 다루는 방법! 오늘은 JS에서 가장 중요한 JS를 통해 HTML, CSS를 변경하거나 관여하는 방법에 대해 알아보겠습니다. 일단 방식을 먼저 설명드리면 document.getElementById('HTML-id').바꾸고 싶은 부분 = '바꾸고 싶은 값'; 위에 코드예시처럼 사용할 수 있습니다. JS를 통해 HTML, CSS를 변경하고 싶다면 우선 해야 할 것이 HTML을 먼저 작성해야 합니다. 이유는 변경해야 할 대상이 필요하기 때문인데 정확하게 대상을 지정하기 위해서 우리는 id나 class를 사용합니다. 근데 id가 class보다 안전하기 때문에 id를 사용하는 것을 추천드립니다. 이제 본격적으로 위에 코드를 해석하면 (1) document 해석하면 문서라고 해석하는.. 2022. 11. 6. JS- 이벤트(event) JS- 이벤트(event) 오늘은 JS를 사용해서 사용자와 상호작용을 할 수 있는 이벤트에 대해 간단하게 알아보도록 하겠습니다. 여기서 이벤트란 웹페이지에서 마우스를 클릭하거나, 키를 입력하는 등 사용자가 웹페이지를 동작할 경우 어떤 사건을 발생시키는 것을 의미합니다. JS에서는 수없이 많은 이벤트가 존재하기 때문에 다양한 사건을 발생시키는 것이 가능합니다. 위에 예시처럼 사용자가 마우스를 클릭하거나, 키보드를 사용하여 키를 입력하는 방식도 있고 웹페이지의 이동이나 로딩, 스크롤바의 움직임 등등 다양한 방식의 이벤트가 존재합니다. 이벤트를 연결하는 방식에는 HTML 태그에 작성하는 인라인 방식, HTML body 태그 이후에 작성하는 방식 등이 있으나 오늘은 HTML 태그에 작성하는 인라인 방식을 통해 .. 2022. 9. 26. JS- 심볼(Symbol) JS- 심볼(Symbol) 오늘은 JS에서 사용되는 자료형 심볼에 대해 알아보겠습니다. 심벌은 유일성이 보장되는 자료형으로 여러 개의 설명이 동일한 심벌을 작성해도 심볼의 값은 다르게 나타납니다. 심볼은 Symbol('설명')을 사용하여 적용할 수 있습니다. 설명란에는 심볼을 설명할 수 있는 텍스트를 작성하시면 됩니다. let id = Symbol('id'); //심볼 코드 예시 let id1 = Symbol('id'); let id2 = Symbol('id'); //설명이 같은 두개의 심볼을 비교해보면 console.log(id1 == id2); //false가 출력됩니다. 심볼형은 같은 설명을 가진 심볼이라도 동일 연산자를 사용하여 비교하면 false를 출력합니다. 심볼은 객체에서 사용할 수 있는데 .. 2022. 8. 30. JS- 함수(지역 변수, 전역 변수, 매개 변수) JS- 함수(지역 변수, 전역 변수, 매개 변수) 오늘은 프로그램을 개발할 때 구성되는 주요 구성 요소인 함수를 선언하는 방법인 함수 선언문 방식과 함수에서 사용되는 몇 가지 변수 들에 대해 알아보겠습니다. 기본적으로 함수는 function 키워드를 사용해서 선언합니다. 함수는 function 함수 이름(매개변수){ 함수 본문(body); } 이런 식으로 작성할 수 있습니다. 함수 선언문의 장점은 유사한 동작을 하는 코드들을 사용할 때 정말 유용하게 사용할 수 있습니다. 만약 로그인을 했을 때 '환영합니다'나 '로그인에 실패하셨습니다'라는 메시지를 전달하고 싶을 경우 함수를 사용하여 작성할 수 있습니다. 함수 선운문은 함수 본문에 변수를 작성할 수 있습니다. 이것을 지역 변수라고 하는데 지역 변수는 함수.. 2022. 8. 19. 이전 1 2 3 4 ··· 10 다음 728x90 반응형
