차근차근 개발일기+일상

안녕하세요. html요소에서 html css속성을 동적으로 변경하고 싶은 경우가 있습니다. 이번 포스팅에서는 JavaScript(자바스크립트)의 jQuery를 활용하여 html요소의 css속성값을 호출, css속성값 추가/변경에 대해서 알아보겠습니다. 목차 CSS 속성 호출 CSS 속성 추가/변경 CSS 한꺼번에 변경하기 CSS 속성 호출 html요소Id.css()를 사용하여 해당 요소의 css속성 값을 호출할 수 있습니다. 아래의 코드를 참고바랍니다. $(html속성Id).css(propertyName); 위의 css속성 호출방법을 사용한 예제입니다. 속성값을 가져온 후 alert창을 띄어 속성값을 보여줍니다. menu1 화면 CSS 속성 추가/변경 html요소에 CSS속성을 추가/변경하는 방법입니다...

안녕하세요. 이번 포스팅에서는 JavaScript(자바스크립트)의 랜덤난수를 생성하는 방법 및 예제 + 예제를 응용해서 랜덤난수맞추기 게임을 만들어봤습니다. 목차 랜덤난수 생성(Math.Random) 0부터 N까지 랜덤난수 생성 MIN부터 MAX까지 랜덤난수 생성 랜덤난수 맞추기 게임 만들기 랜덤난수 생성(Math.Random) 자바스크립트에서 랜덤한 난수를 생성하기 위해서는 Math.Random() 함수를 사용합니다. Math.Random()을 사용하면 0 ~ 1 사이의 난수를 생성합니다. 결과 위의 이미지처럼 0부터 1사이의 랜덤한 난수가 생성된 것을 볼 수 있습니다. 0부터 N까지 랜덤난수 생성 0부터 N까지 랜덤난수를 생성하는 방법에 대해서 알아보겠습니다. 0부터 100까지 생성하는 예제입니다. ..

안녕하세요. 보통 HTML요소를 선택한다면 주로 jquery라이브러리를 사용해서 $("")를 사용하여 선택하는 경우가 많습니다. 이번 포스팅에서는 jquery를 사용하지 않고 자바스크립트에서 HTML요소를 선택할 때 사용하는 함수 querySelector(), querySelectorAll()에 대해서 알아보겠습니다. 목차 querySelector() querySelectorAll() querySelector() - HTML의 요소를 선택할 때 사용하며 Id, Name, Class, HTML태그 등 다양한 요소들을 선택할 수 있습니다. - 이름이 같을 경우 최상단의 요소를 선택합니다. - 요소를 선택하여 Value를 변경하거나 Style을 변경하는 등 다양한 동작들을 수행할 수 있습니다. - 사용 예제 ..

안녕하세요. 이번 포스팅에서는 JavaScript(자바스크립트)의 기본적인 함수 prompt(), confirm(), alert()에 대하여 알아보겠습니다. prompt() - 문자열을 입력할 때 사용합니다. - 숫자를 입력해야한다면, 입력한 값을 숫자로 변환해서 사용해줘야 합니다. - prompt()만 사용하는 경우 아무런 설명없이 문자열만 입력받습니다. - prompt("메시지", "디폴트 값") 첫 번째 파라미터는 입력 창에 띄어줄 메시지입니다. 두 번째 파라미터는 입력 부분의 기본 디폴트 값입니다. - 사용예제 1. prompt(); prompt()만 사용하면 아무 설명없이 문자열을 입력받습니다. 2. prompt("메시지"); prompt("메시지")를 사용하여 입력받을 때 메시지를 띄어줍니다...

- 'Requesting JavaScript AST from selection' has encountered a problem 에러 - 이클립스에서 JavaScript를 사용하다보면 위와 같은 에러를 볼 수 있다. Eclipse의 JSDT를 사용할 때 나타나는 오류로 프로그램에 영향을 주지 않는 오류이다. 하지만 오류가 뜨면 찝집한 느낌이 있으므로 없애는 방법에 대해서 알아보겠다. 1. 이클립스 상단의 Window - Preferences에 들어간다. 2. 좌측의 JavaScript - Editor - Mark Occurrences 3. Mark occurrences of the selected element in the current file.의 체크를 풀어준다.