앞의 글에서  클릭을 통해서 팝업창을 띄우고 스타일을 바꾸는 법에 대해 알아 보았습니다. 이제 텍스트박스안에 입력되어진 사용자의 정보를 가져오는 법에 대해 알아보겠습니다.       홈페이지를 검색하다보면 텍스트를 입력한 다음 그안의 내용을 서버에 제출하는 홈페이지 구성을 자주 보셨을겁니다  아래와 같은 모습입니다.   위의 박스안에 글을 입력하고 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  에 전화하셔서..

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

이번에는 앱을 다운받아서 국민연금예상수령액을 알아보겠습니다. 먼저 앱을 다운받아주세요   국민연금 앱 다운로드   국민연금 앱 다운받기   연금앱 아이폰에서 다운받기    연금조회 진행순서   '내연금' 앱을 스마트폰에 설치합니다 (구글 플레이스토어 또는 애플 앱스토어에서 다운로드 가능).내연금 알아보기 클릭 후 본인인증절차를 마칩니다본인 인증 후, 예상 연금액을 조회할 수 있습니다.  앱은 캡쳐가 불가능해서 사진없이 설명으로만 진행합니다  컴퓨터로 검색하는법  다시가기    2024.08.03 - [코딩/자바스크립트] - 자바스크립트 JAVASCRIPT소개2024.07.26 - [분류 전체보기] - 전남청년복지카드 여수 순천 광양 목포 화순 나주 사용처리스트 다운로드하기2024.07.23 - [분류 전..

자바스크립트를 소개합니다. 자바스크립트는  사용자와 상호작용할 수 있도록 돕는기능을 합니다. 자바스크립트는 독립적인 컴퓨터 프로그램이라는 점에서 '완전한' 프로그램언어입니다.  코더가 원하는 대부분의 일들을 수행하는 소프트웨어입니다.   자바스크립트란 무엇인가  자바스크립트는 이책에서 배우는 첫번째 '제대로 된' 코딩언어입니다. 루프, 변수, IF문같은 프로그래밍툴을 사용할 수 있습니다. 특정한 텍스트를 클릭하면 사라지는 기능부터 구글문서를 위한 오피스 프로그램 같은 완전한 응용프로그램을 생성하는 것까지 전반적인 업무에 사용할 수 있습니다. 페이지 자체를 새로 띄우지 않으면서 쌍방향 기능을 제공하는 모든 웹사이트는 자바스크립트를 사용합니다.   자바스크립트의 특징  자바스크립트는 서버가 아니라 사용자의 ..

CSS를 연습하는 가장 좋은 방법은 자신이 좋아하는 스타일의 웹사아트를 똑같은 모양으로 복제하는 것입니다 google.com과 같은 단순한 모습의 사이트부터 시작해서 bbc.co,.uk/news 와 같은 복잡한 사이트까지 도전해보세요.   사이트 중 하나를 선택해서 정확한 복사판을 만들려고 해보십시오. 그과정에서 많은 것을 배울 수 있을 겁니다. 축하합니다 지금까지 css의 기본을 배우셨습니다. 이제 html과 결합시켜서 어지간한 웹사이트는 디자인할 수 있습니다. 이제 자바스크립트로 넘어갑니다. 자바스크립트는 웹페이지에 엄청난 힘을 불어넣어 줄 것입니다. 사용자가 앱이나 소프트웨어를 사용하는 듯이 상호작용할 수 있게 해줍니다.   - css를 더 배울수 있는 곳 -  쌍방향 css코딩강의   Catalo..