If문은 프로그램에 어떤 조건이 충족될때만 특정 작업을 하라는 명령이다. 이것은 웹사이트에 로그인할때 주로 사용된다. '만약 사용자 이름과 패스워드가 데이터베이스의 기록과 일치하면 사용자의 로그인을 허용하라'는 작업을 실행한다.  이제 if문을 이용해 간단한 패스워드시스템을 만들어 보자. 우선 입력창 바로 앞부분에 텍스트 'What is the password?'를 추가한다.      이 코드를 실행하면  아래와 같은 결과가 나온다.    여기까지 이해되셨다면 다음단계로 넘어간다. 사용자가 입력한 내용이 미리 정해놓은 패스워드와 일치하는지 테스트한다. 패스워드를 'coding'이라고 정하고 자바스크립트의 밑줄친  alert...  열을 아래처럼 바꾼다.       밑줄친 부분의 흐름을 설명하자면 문서에서..

암호입력시 사용자가 암호를 잘못 입력했을 경우에 아무런 결과가 나오지 않으면 안된다. 사용자에게 잘못입력되었다고 무언가 메시지를 주어야 한다.  'else'라는 키워드로 이를 해결할 수 있다. 앞의 코드에 아래 코드를 추가하라  else { alert("that's not right, try again")}       이제 틀린 단어를 아무렇게 입력하고 실행하게 되면 다음과 같은 메시지창이 뜬다. 점점 모양을 갖춘 코딩이 되어 가고 있다 ^^

이제 코드를 바꿔서 'clicked!!' 라는 팝업창을 띄우지 않고 사용자가 박스안에 직접 입력한 내용을 팝업창으로 띄워 보겠습니다.  먼저 다음과 같이 입력창에 아이디를 부여합니다.    그 다음은 자바스크립트의 alert("clicked")를 다음과 같이 바꿉니다  alert(document.getElementById("my-input").value)     위 코드가 무슨 작업을 진행하고 있는지 이해가 되시나요? 문서 또는 HTML 페이지 안의 아이디 'my-input'을 가진 구성요소의 값을 팝업창으로 띄우고 있습니다.  이를 실행해 보면 박스 안에 어떤 내용이 입력되어도 팝업창으로 출력이 됩니다.  아래와 같은 코드에서 어떤 부분을 수정하면  위에 설명한 것처럼 무엇을 입력해도 팝업창으로 뜨도록..

앞의 글에서  클릭을 통해서 팝업창을 띄우고 스타일을 바꾸는 법에 대해 알아 보았습니다. 이제 텍스트박스안에 입력되어진 사용자의 정보를 가져오는 법에 대해 알아보겠습니다.       홈페이지를 검색하다보면 텍스트를 입력한 다음 그안의 내용을 서버에 제출하는 홈페이지 구성을 자주 보셨을겁니다  아래와 같은 모습입니다.   위의 박스안에 글을 입력하고 submit을 누르면 박스안에 입력된 자료가 지정한 서버로 송출이 되어집니다.  그럼 예제를 통해 연습해 봅시다 문제) 페이지에서 링크와 자바스크립트를 삭제하고 텍스트영역을 만들어라. 그리고 'submit'라는 이름의 버튼을 추가한다. 버튼을 클릭하면 "click!"라는 팝업창이 뜨도록 설정한다. 먼저 충분히 생각해 보시고 아래의 정답을 보시기를 권장합니다  ..

자바스크립트를 이용한 스타일 변형의 예를 들어보자 1. 텍스트를 파란색으로 바꿔라 2. 텍스트에 밑줄을  그어라 (textDecoration을 사용해야 한다) 3. 텍스트 크기를 20픽셀로 바꾸고 오른쪽으로 정렬하라.  아래 그림의 코드를 수정해서 위의 조건을 완성해 보세요 위의 코드를 수정해서 위의 조건을 완성하면 아래 그림이 나온다.       박스안의 글을  누르면 그림이 선명해집니다     소스코딩 보기

이번에는 자바스크립트를 이용해서 홈페이지의 스타일을 바꾸어 보는 것을 알아보겠습니다자바스크립트를 이용해 팝업창을 띄우는 것처럼 스타일을 바꿀 수도 있습니다 페이지에 'text'라는아이디로 문단을 추가합니다 그리고 링크  텍스트를  'Turn text red'로 바꿉니다.         위 코드는 아이디 'text'라는 구성요소를 가져와서 컬러를 빨간색으로 설정한다는 의미이다. 어떤 스타일이든 이 스크립트를 이용해서 컬러를 바꿀수 있다

CSS와 마찬가지로 '내부자바스크립트'를 이용해 HTML로부터 자바스크립트를 분리할 수 있다. CSS에서는 태그를 사용하지만 자바스크립트에서는   페이지를 로드할때 HELLO THERE!라는 팝업창이 뜨도록 alert라는 명령어를 이용해 자바스크립트를 만들려면 아래의 코드를 웹페이지의  태그앞에 바로 추가한다.   아래 코딩을 입력하고 실행한 결과이다.      위의 코딩을 실행하면 아래와 같은 메시지의 팝업창이 뜬다.     인라인 자바스크립트를 사용할 때는 어떤 요소가 자바스크립트를 구동시키는지 확실하다 onclick 어트리뷰트가 구성요소안에 위치하기 때문이다.  onclick ='alert("hello rob!')'> click me!   그러면 인라인 자바스크립트가 아닌 내부 자바스크립트에서는..

자바스크립트 기능을 간단하게 코딩해 보겠습니다  버튼 기능에 간단한 자바스크립트 기능코드를 첨가해 어떻게 구현되는지 알아보겠습니다    html 코드로만 구현한 일반적인 버튼기능  위의 코딩을 실행하면 아래의 결과가 나옵니다  흔히 볼수 있는 쉬운 html 코딩입니다  그런데 여기에 자바스크립트 동적기능을 추가해서 코딩해보겠습니다위의 단순한 코딩을 아래처럼 이렇게 수정해 보세요    위 코딩을 실행하면 아래의 팝업창이 나타납니다    alert("HELLO THERE") alert명령어는 '사용자에게 메시지를 보여주는 팝업창을 열어라'는 의미다.  메시지는 인용부호안에 있다. 여기서는 HELLO THERE 이다.

지역가입자든 사업장가입자이든 임의계속가입자든 국민연금이 미납되어서 확인해야 할 상황이 생길때가 있습니다. 그리고 국민연금미납금을  정확히 확인한후 다시 납부하면 지체없이 다시 정상적으로 연금혜택대상자로 회복하게 됩니다. 그럼 이제부터 미납확인방법을 알아보고 구체적인 미납금 납부방법, 분할납부신청방법까지 알아 보시겠습니다.      국민연금미납금 확인하기        국민연금 미납금확인방법해당 홈페이지로 이동 (https://anypay.nps.or.kr/)  애니페이 홈페이지로 이동합니다    미납납부내역 들어가기      로그인하기      로그인후 미납내역 납부 다시 들어가기     미납금 내역이 출력됨      미납금 납부방법 2가지  1. 전화납부      ☎ 1577 - 1000  에 전화하셔서..

국민연금 수령나이    해가 갈수록 수령나이가 높아지는 추세입니다  그만큼 국민연금 자금운용상황이 여의치 않다는 의미입니다과연 몇세까지 오를지 궁금합니다.