본문 바로가기
Java Script 공부 5 (객체) 객체(Object) -property : 객체에 소속된 변수/속성 -method : 객체에 소속된 함수 !DOCTYPE html> js 객체 객체 생성으로 key : value 값을 가짐 중간에 주소는 객체 요소 추가한거 See the Pen eYvbyXW by jinju23 (@jinju23) on CodePen. 객체명을 한글로도 작성해보고 싶어서 그냥 해보기 for문 for문하여 객체 리스트 순환하기 for( var key in 객체명){ } for문 See the Pen PopXQvb by jinju23 (@jinju23) on CodePen. 위에 결과값이랑 같다 key, value : 객체명[key] + 객체는 {} 중괄호 베열은 [] 대괄호 2021. 6. 15.
Java Script 공부 4 (배열) 배열 다양한 타입의 데이터를 보관하는 변수 모음으로 [] 통해 생성과 초기화를 동시에 처리 가능 자료형 지정이 없어 모든 자료형 데이터로 저장 가능 자바스크립트에서 배열은 자바의 ArrayList랑 유사. 1. 다수의 자료형을 보관가능 2. 길이제한이 없다. 3. 인덱스로 값을 접근함. * DB에서 데이터를 가져온 값, DOM객체를 가져왔을때 사용 -배열선언 1. []표현 선언하기 2. array객체 생성 1. Array객체를 통한 배열 선언 var 변수명 = [값1(숫자), 값2(문자), 값3( 객체), 함수 ...]; ex) let arr = []; arr=["자바","오라클","자바스크립트","데베"]; console.log(arr.length); -자바 스크립트 배열음 여러 자료형을 보관할 수 있.. 2021. 3. 30.
Java Script 공부 3 (형변환, 연산자, 제어문) 데이터 형변환 숫자 -> 문자열 강제 형변환 : toString() 함수 이용 문자열 -> 숫자 강제 형변환 : Number(), parseInt(), parseFloat() 함수이용 연산자 See the Pen qBRbdEy by lee jinju (@pearl23) on CodePen. 제어문 - 조건문 : if, if~else, if~else if~else, switch문, 짧은 조건문(&&, ||) - 반목문 : for, while, do~while, for in문 - 분기문 : continue, break문 li태그에 있는 글자가 속성에 있는 값을 가져올 때는 속성을 호출하면 가져올 수 있음 Q)1개면 글자색을 pink; 2개면 글자색을 crimson; 3개면 글자색을 mazenta; 그외면 배.. 2021. 3. 26.
java Script 공부 2 (변수) 변수 변수선언하기 변수 종류 : 멤버 변수와 지역 변수 멤버 변수 : 전역 변수, 기본적으로 window객체의 멤버 변수 멤버 변수에 대한 자료형은 있으나 선언하지는 않음 변수 선언하는 방법 -> var 변수명; 자바스크립트에서 변수를 선언할때는 자료형을 지정하지 않음 자바스크립트 변수의 타입은 값을 대입했을때 그 값의 타입으로 결정된다. -> 변수명 = 값; 변수 명에 var를 붙이지 않으면 전역변수로 간주 변수는 접근할 수 있는 범위에 따라 영역(scope)이 구분 global scope : page내 어디서든 접근이 가능한 변수 -> window객체의 멤버변수 local scope : function내부에서 선언한 변수 -> function내부에서만 사용이 가능 변수 명명의 규칙 - 영어 대/소문자.. 2021. 3. 26.
Java Script 공부 (데이터 입출력) Java Script : 웹 브라우저에서 많이 사용하는 인터프리트 방식의 객체지향 프로그래밍 언어 (객체화) Java Script 선언 HTML에서 제공하는 태그를 사용하여 자바스크립트 영역 설정 -나 안에 작성, html 태그영역 밖에도 작성이 가능하긴 함 Java Script 작성방식 1. inline : 태그내부의 이벤트 속성에 직접 Java Script코드를 작성하는 것, 간단만 구문, 양이한 두 줄 정도로 소양일 때 사용 -> inline으로 자바스크립트 적용하기 구문을 한 번 클릭하였을 때 경고 창이 뜨는 것이다. 2. internal 방식 페이지의 script태그안에 javascript코드를 작성하는것 -> alert("internal방식으로 script적용"); 3. external 방식 .. 2021. 3. 25.

티스토리툴바