반응형 programming/javascript185 자바스크립트 html 속성 변경하는 방법 여러가지 자바스크립트를 이용하면 html 속성들을 동적으로 변경할 수 있다. 이미지를 변경시키거나 텍스트를 변경할 수도 있다. 특정 문자열을 숨기기 할 수도 있고 반대로 보여주기 할 수 있다. 이처럼 자바스크립트는 html 문서를 동적으로 동작할 수 있고, 사용자가 원하는 것을 할 수 있도록 해 준다. 자바스크립트와 html html은 웹브라우저에서 볼 수 있는 웹문서이다. 자바스크립트는 웹문서인 html을 정적이 아닌 동적으로 움직이도록 해 준다. 대표적인 것이 이미지가 그렇고 문자의 형태를 변경하고 수정하는 것이 있다. 자주 사용되는 몇가지를 소개하면 다음과 같다. 문자열 텍스트 변경 문자열 텍스트 속성 값 변경 특정 요소를 숨기기, 보여주기 태그의 스타일 변경 이미지 변경 위의 몇가지를 코드로써 만들어 본다.. 2021. 9. 7. 웹프로그래밍 자바스크립트란 기초 강좌와 튜토리얼 빠르게 보기 자바스크립트는 웹 프로그래밍에서 빠질 수 없는 부분이다. 웹페이지의 동적인 처리와 이벤트 등을 처리하고 프로그래밍 부분에서 가장 배우기 쉬운 언어이기도 하다. 이 부분에서 파이썬과 비슷한 형태를 보이기도 한다. 현재 거의 모든 프레임워크에서 많이 사용되기 때문에 프로그래밍을 공부하는 사람이라면 배움에 필수이기도 하다. 자바스크립트란 자바스크립트란 웹 프로그램밍을 위해 만들어진 것으로 웹브라우저 기반으로 만들어진 언어이다. 인터프리터 방식으로 실행되기 때문에 컴파일 과정이 필요없다. 코드를 작성한 순서대로 실행되기 때문인데, 이것은 파이썬과 동작이 비슷하다. 프로그래밍을 다루는 사람이라면 이제는 필수로 자리를 잡은 분야이다. 자바스크립트를 기반으로 한 프레임워크들이 다양하게 나오고 있어 이제는 웹프로그래밍.. 2021. 9. 5. 자바스크립트 html 태그 생성하고 추가하기 createElement prepend javascript 자바스크립트는 html 문서를 직접 조작하여 태그를 생성하고 붙일 수 있다. 이 작업을 위해 필요한 자바스크립트 메서드는 createElement 와 prepend 메서드 이다. 이 둘은 html의 dom 스크립트 부분으로 일반적인 자바스크립트 라이브러리가 아닌 내장 메서드이다. html 생성과 추가 html 에서 태그를 생성하기 위해서 createElement 메서드를 사용한다. 생성된 html 태그를 특정 부분에 추가하기 위해선 prepend 메서드를 사용한다. 이 2개의 사용법은 아래와 같다. // html 태그 생성 document.createElement("html 태그명") // html 태그 추가 (타겟 태그).prepend(생성된 태그); 타겟 태그는 생성된 태그가 붙일 곳을 가리킨다. 코.. 2021. 6. 26. javascript variable 자바 스크립트 변수 let 살펴보기 자바스크립트를 공부하다보면 변수 선언에도 방식이 있다는 것을 알 수 있다. 명명규칙은 그렇다고 해도 let 이 대표적이다. let 변수는 블록범위 내의 변수를 선언한다는 것을 기억하자. 이것은 꽤나 유용하게 사용할 수 있는데, 만약 전역변수가 많아질 경우 변수명에 의한 난해하고 헷갈리는 것을 방지할 수 있다. javascript variable 자바 스크립트 변수 let 살펴보기 자바 스크립트 let 변수는 블록유효범위 내의 지역변수를 선언하고 값을 설정할 수 있다. 자바 스크립트는의 코드 블록은 중괄호를 이용하는 것은 누구나 다 알고 있다. 코드를 보면 이해가 빠르다. // 전역변수 let vlet = "전역변수"; // 코드블록 조건문 if ( vlet === "전역변수") { let vlet = ".. 2021. 3. 23. 이전 1 ··· 43 44 45 46 47 다음 반응형
