목록frontend/js (6)
개발 공부

학습파일 배열 자바스크립트는 변수 선언시 별도의 자료형 지점이 없기 때문에 어떤 자료형의 값들이든 다 하나의 배열 공간에 담을 수 잇고, 크기의 제약도 없 (자바에서의 컬렉션과 유사) 배열객체의 타입은 object형이다 배열의선언 [표현법] 크기를 제한하지 않는 이상 3번을 많이 사용한다. [1] 배열 선언 (크기 지정 x ) const arr1 = new Array(); - 빈 배열 하나 만들어진다. arr1[배열의 인덱스] = "값"; 선언과 동시에 초기화 [2] 배열 선언 (크기 지정 o ) const arr2 = new Array(3); - 크기가 3인 빈 배열 arr1[배열의 인덱스] = "값"; [3]배열 선언 과 동시에 값 추가하기 배열안에 배열을 넣을 수도 있다. const arr3 = [..

학습파일 문자열처리메서드 ex) str 변수 선언 let str ='stream' toUpperCase() 문자열을 대문자로 변환 ex) str.toUpperCase() = STREAM toLowerCase() 문자열을 소문자로 변환 ex) str.toLowerCase() = stream length 문자열의 길이 ex) str.length = 6 charAt(i) 문자열에서 i번째 인덱스에 위치하는 문자 ex) str.charAt(3) =e indexOf("문자") 문자열 중 앞에서 부터 입력한 '문자'가 위치하는 인덱스 ex) str.indexOf("e") =3 3lastIndexOf("문자") 문자열 중 뒤에서 부터 입력한 '문자'가 위치하는 인덱스 ex) str.lastIndexOf("s") = ..

학습파일 변수 선언시 var 뿐만 아니라 let, const 이용해서 선언가능 var는 자유롭게 변수 선언 및 사용할 수 있다는 장점이 있지만 중복된 변수가 남발 될 수 있고, 의도치 않게 값이 변경되어 있을 수 있다. => 가장 큰 단점 이를 보완돼서 나온게 let,const이다 권장사항 :let,const를 위주로 사용하고 개발 가이드에 따라 쓰면된다. 변수 선언 방법 var 변수명 var userId = "user01"; let 변수명 let userPwd = "pass01"; const 변수명 const hobby = "운동"; **변수 선언시 자바와는 다르게 자료형을 별도로 지정하지 않음 (자료형의 개념이 없는건 아니다) =>변수에 대입되는 값(리터럴)에 따라서 알아서 자료형이 결정된다. 자바스..

학습파일 1) 2) HTML 요소에 접근하기(해당 요소객체 가져오기) html에서 요소를 가져오는 방법 5가지 1) 아아디를 이용해서 요소 가져오기 2) 태그명을 이용해서 요소 가져오기 3) name 속성값을 이용해서 요소 가져오기 4) 클래스를 이용해서 요소 가져오기 5) 내가 원하는 요소를 자유자재로 가져오기 (선택자를 활용) 많이 사용하는 아이디와,원하는 요소 2가지 방법 설명 1) 아아디를 이용해서 요소 가져오기 위와 같은 div 태그와 button 태그가 있고 button 클릭시 div 태그에 접근하고자 한다면 변수명 = document.getElementById("id값") 을 통해 접근 가능하다. area1에는 현재 아래 div 태그 전체를 가르킨다. 이후 내용을 추가하고 싶다면 area1...

공부한 파일 스크립트에서의 데이터 입/출력 1. 데이터를 출력하는 구문 1)[window].alert('알람창에 출력할 문구'); 2)[window].console.log('콘솔창에 출력할 문구'); 3)document.write('화면상에 출력할 문구'); 3) document.write('화면상 출력할 문구'); 화면에 출력 function documentWrite() { //document.write('안녕하세요') document.write("안녕하세요 반갑") //출력할 문구에 html 태그가 있을 경우 해석해서 시각적인 요소로 보여준다. var a = "" a += "" a += "1" a += "2" a += "" a += "" document.write(a) } 4)선택한요소.innerHT..

1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 매우 빠르게 배우고 짧은 소스 코드로 상호작용 되도록 고안됨 2. 자바스크립트 웹 브라우저에서 많이 사용되는 "인터프리터 방식"의 스크립트 언어 -인터프리터 방식 : 코드를 한줄씩 한줄씩 읽어가며 바로 실행하는 방식 실시간으로 텍스트를 분석해서 실행된다 => 코드에 문법 오류가 있으면 실행시점에 알려준다. * 자바는 컴파일 방식 + 인터프리터 방식 그래서 자바에서 컴파일 오류일 것 같은경우 미리 알려준다. 근데 자바스크립트는 그 전에 알려주는게 없다. 3. 장단점 * 장점 컴파일 과정 없이 인터프리터로 코드를 한 줄씩 읽어가며 바로 실행되기 때문에 "수행속도가 빠름" 코드 작성이 간단해서 초보자가 접하기 쉽다.(단순한 ..