자바스크립트 (3) 썸네일형 리스트형 제어 대상 찾기 ( getElementsByTagName ) 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있다. 첫번째로 소개할 getElementsByTagNaem은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는 배열은 아니지만 length와 배열접근연산자를 사용해서 element를 조회할 수 있다. 예제 코드를 보자 8행부터 12행까지 ul이라고 하는 리스트의 element가 있다. 14행을 보면 document객체의 getElementsByTagName이라는 메서드를 호출하고있다 docum.. 조건문 일치 연산자 ( ===) : 데이터의 타입과 값까지 똑같은 경우 참을 반환 , ex)(1===1) //true ('1'===1) //false 조건문 : 주어진 조건에 따라서 application을 다르게 동작하게 하는것 . 문법을 살펴보자 if(true) {조건 '참'일시 실행 } 조건문을 사용할땐 Boolean값을 기준으로 움직임. c언어와 같이 else , else if 문 또한 제공 이번에는 에디터를 이용해서 조건문을 중첩하여 코드를 짜보자. prompt() : 사용자에게 입력값을 받을수 있도록 프롬프트 창을 띄워줌.prompt함수를 이용하여 로그인 관련 인증 코드를 간략하게 짰다.실행해보자. ID를 입력해주고 비밀번호를 입력해줬다. 로직대로 실행되었다. 이번엔 논리 연사자에 대해 정리하자 . (.. 숫자와 문자 ( 에디터는 Atom을 이용 , 간단한 코드들은 크롬 개발자도구의 콘솔을 이용 ) 가장 기초적인 데이터 형 (Data type)은 숫자와 문자다.이번에는 가장 많이 사용되는 데이터 형인 문자와 숫자를 어떻게 표현하고 연산하는지 알아보자. 자바스크립트는 html 위에서 동작하기 때문에 당연히 html 기본 프레임 태그들 중 body태그 내에 script태그를 이용해 작성한다. 가장 먼저 alert함수를 이용하여 숫자데이터들을 출력해보자. alert() 는 경고창을 띄우는 함수이다. 위 코드를 적은 파일을 저장후 파일을 실행시켜보자. 위와 같이 경고창이 떳다.(1 , 1.1 , 2 , 2.2 , 10 , 3 순서대로 뜸) 이를통해 alert()함수의 기본적인 기능을 알았다. alert() : 경고창 띄우기 .. 이전 1 다음
