본문 바로가기

안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/HTML+Java script32

HTML+Java script (기초) 배열 자바스크립트를 이용하여 배열 사용방법에 대해서 알아보자. 우선 배열을 만들고 화면에 출력해보자. arr2는 배열 길이가 3으로 만들었지만, 추후에 없는 인덱스 번호를 사용해도 자동으로 추가 생성된다. arr2 배열의 값을 출력해보자. 위 사진처럼 없던 인덱스를 사용해도 추가 생성이 되고 값도 들어간다. 중간에 자동으로 생성된 방에는 undefined로 나온다. 이제 객체로 배열을 생성해보자. 코틀린이랑 비슷하게 자바스크립트에서 for문을 사용하여 배열 값을 출력해 보자. 자바스크립트에서 배열을 만들고, 나중에 값을 추가해도 된다. 지금까지 대괄호를 사용해서 배열 요소들에 접근했지만 키값을 이용해서 접근 가능하다. 연관 배열 (키값 사용)로 만드는데 객체처럼 만들 수 도있다. 연관 배열로 사용할 때 ['키.. 2019. 12. 11.
HTML+Java script (기초) HTML요소와 속성을 JS객체,멤버변수처럼 사용 요소를 이용하여 객체처럼 JS에서 제어하기 HTML JS 요소 : 객체 속성 : 멤버변수 자바스크립트에서 HTML 요소, 속성을 사용해보자. 우선 임의 값을 입력하고 계산하는 것을 해보자. 계산된 결과를 보여줄 input 요소를 만들자. JS에서 HTML 속성을 멤버 변수처럼 사용하여 값을 얻어와 보자. 위 사진처럼 값은 string으로 되기 때문에, 문자열 결합이 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66.. 2019. 12. 11.
HTML+Java script (기초) 연산자, 기능 메소드 알아보기 ==, ===, >>, >>>, Number.MAX_VALUE, 전역 변수, typeof(), parse 알아봄. 자바스크립트에서는 중복된 이름의 변수를 선언해도 에러가 안난다. 그리고 같은 변수에 마지막에 값이 없으면 기존의 값이 나온다... (신기) 수치형 변수값 표기를 해보자. (정수,실수) '==' 비교는 값을 비교하는 연산자이다. 숫자와 문자열은 다른 자료형이므로 + 연사자를 사용하면 결합이 된다. '===' 연산자는 자료형을 비교하는 연산자이다. 자바에서는 0으로 나누면 예외가 발생한다. 하지만 자바스크립트에서는 Infinity로 출력됨. 비트 연산자도 존재한다. 표현 가능한 최대값을 알아보자. var을 사용하여 변수 선언을 했지만, 안쓰고도 변수를 사용할 수 있다. ( 전역 변수로 됨) 수치.. 2019. 12. 11.
HTML+Java script (기초) 자료형, 함수 참조, 객체 만들기 자료형과 기능 메소드, 객체 사용하는 간단 예제 자바스크립트에서 사용하는 자료형의 종류를 알아보자. 변수 선언은 var을 사용한다. (자료형을 var로 사용) 자료형 위치에 var만 사용하는데... 일단 여려 값을 대입하자. var 변수에 클래스도 넣고, 값 없이도 넣어서 출력해보자. 이제 궁금하던 var 변수들의 자료형은 어떻게 출력이 될까? 숫자는 number, 글자는 string, ture는 boolean, 클래스는 object, 값이 없으면 undefined로 된다. var은 딱히 자료형이 고정이 아니기 때문에, 처음에 숫자를... 그다음 문자를 참조해도 상관이 없다. 함수도 변수에 참조 가능하다. 함수의 자료형을 출력해보자. function으로 나온다. 문자열은 객체로 인식된다. 길이를 출력하면.. 2019. 12. 11.
HTML+Java script (기초) 자바스크립트 문법 사용 (<script> 사용부터..) - document.write(), 세미콜론이 없어도 사용 가능, 외부 스크립트 적용 알아보기 자바 스크립트를 사용하기 위해서는 html문서는 반드시 필요하다. 우선 가장 기초인 Hello world를 출력해보자. 자바스크립트도 줄바꿈은 자동으로 되지 않는다. 자바스크립트문 안에 HTML 언어를 사용 가능하다. HTML에서 태그는 줄바꿈을 해주는 태그이다. 비슷하게 자바스크립트 문법에서 HTML 문법을 사용 가능하다. 자바스크립트와 자바는 관계가 없는 언어이지만, 참조 변수를 출력하면 비슷하게 toString으로 자동 출력이된다. 반복문도 사용 가능하다. 실행 순서는 크게 보면 HTML문서 안에 있으므로, head 영역을 실행하고 body영역을 실행한다. 그래서 Hello world와 button은 가장.. 2019. 12. 11.