JavaScript
-
JavaScript_Object_개념JavaScript 2022. 4. 14. 19:38
1) 객체 선언 및 호출 2) 객체의 메소드 속성 3) 객체와 반복문 4) 객체 속성 추가 및 제거 5) 객체배열 1) 객체 선언 및 호출 : 중괄호{ }를 사용하여 객체를 생성하고, 속성에는 모든 자료형이 올 수 있다. : 객체의 키 값을 사용하여 속성을 식별한다. 1-1) 객체명['속성명'] 방법1-객체 안의 속성 접근하기 1-2) 객체명.속성명 function{ var product = { pName:'Dry Mango', type:'pickle' ingredient:['mango', 'sugar'], origin:'Philippines' }; console.log(product.pName);//Dry Mango console.log(product.type);//pickle console.log(p..
-
JavaScript_Function_함수JavaScript 2022. 4. 13. 01:00
1) 선언적 함수 : 함수에 이름을 집어 넣는다. 실행확인 2) 익명 함수 : 함수에 이름없이 만드는 것. : 변수에 이름을 집어 넣는다.--> 익명함수에 대한 실행은 변수명으로 불러와서 사용! 실행확인 1) 매개인자로 전달하기 : 지정된 매개변수보다 많은 개수를 호출하는 것을 허용하지만 초과된 인자는 무시되고 출력되지 않는다. : 지정된 매개변수보다 적은 개수를 호출하는 것은 허용하지만 전달이 되지 않은 매개변수는 underfined라고 뜬다. 즉, 들어간 값이 없어서 value에 확인할 수 있는 값이 없다는 뜻이다. 실행확인 arguments : 숨겨져있는 넘겨받은 모든 값들을 저장하는 배열. 2) 매개인자로 스스로를 전달하기 2-1) 방법1 subject를 매개인자로 넣는 전달하기 JavaScrip..
-
JavaScript_Array_배열JavaScript 2022. 4. 12. 22:40
: 자바스크립트에서는 자료형 지정이 없기 때문에 한 배열 안에 모든 자료형 보관 기능 확인하기 자료형이 바로 들어가기 때문에 모든 자료형을 보관할 수 있다. : 배열 선언 시 크기를 지정하지 않고 선언할 수도 있고 크기를 정하고 선언할 수 도 있다. 확인하기 indexOf( ) : 해당 요소가 위치한 인덱스 반환 확인하기 존재하지 않기 때문에 -1이 뜬다. concat( ) : 배열을 concat으로 반환활 수 있고 그것을 concat().concat() 연달아 사용 할 수 있다. 확인하기 join( ) : 배열을 문자열로 합치기 join('/') : 강남/역삼/선릉/교대 로 출력--> 구분자를 설정해서 나타낼 수 있다. 구분자 변경 가능! 확인하기 '강남', '역삼', '선릉', '교대' --> 문자열..
-
JavaScript_기본문법JavaScript 2022. 4. 12. 21:35
1) 변수와 자료형 2) 데이터 형변환 3) 연산자 4) 조건문과 반복문 1)변수와 자료형 1-1) 변수 선언 : 함수 내부에서 'var 변수명;' 으로 선언하면 지역변수가 된다. 함수 내부에서 '변수명;'으로 선언하거나 함수 밖에서 '변수명;' 혹은 'var 변수명;'으로 선언하면 전역변수가 된다. 전역변수와 지역변수가 동일한 이름인 경우 함수 내부에서 변수 명을 호출하면 지역변수가 우선권을 가진다. 전역 변수 사용 시 'window.변수 명;' 혹은 'this.변수 명;'으로 표현하여 지역변수가 구분된다 전역변수는 해당 window내에서 어디든 사용할 수 있으며, 지역변수는 해당 함수 내에서만 사용이 가능하다. window.onload = function(){} : 페이지가 로드되면 자동으로 실행하는..
-
JavaScript_개념_[1]JavaScript 2022. 4. 11. 23:49
index파일 : 시작페이지 역할 : 파일 여러 개로 왔다갔다 하지않도록 자바스크립트에 만들어서 이동할 수 있게 한다. 자바스크립트 : 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그램 언어 자바스크립트는 New-->Other..-->JavaScript Source File 생성경로 자바스크립트 사용법 1) 태그에 직접 간단한 소스 작성해서 실행하는 방법 2) script태그에 작성하여 실행하는 방법 3) 별도의 js파일로 작성해서 가져다 사용하는 방법 1) 태그에 직접 간단한 소스 작성해서 실행하는 방법 script태그에 간단한 소스 작성해서 실행하는 방법 클릭하세요! 간단한 코드는 태그에 직접 자바스크립트 코드를 작성해도 된다. **밖에 " "을 사용했으면 안에는 ' '를 사용해여 ..