자바를 자바

객체 key(속성) + value(속성값)로 한쌍으로 저장할 수 있는 구조 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입 => 자바스크립트에서의 배열 : 자바의 ArrayList와 비슷한 개념 => 자바스크립트에서의 객체 : 자바의 HashMap과 비슷한 개념 - 객체는 중괄호{}를 사용해서 생성하고, 중괄호 안에 이 객체를 필요로 하는 속성(property)들을 정의함(속성 : 속성값) == (key : value) 참고로 속성값으로는 모든 자료형의 값을 담을 수 있다. - 객체의 속성에 접근하는 방법 1. 대괄호를 이용하는 방법 : 객체명['속성명'] 2. 참조연산자(.)을 이용하는 방법 : 객체명.속성명 객체 생성 특이케이스 - 속성명 제시시 공백이나 특수문자가 포함될 경우 참조연..

함수 (function) 함수의 종류 1. 선언적 함수 : 이름이 있는 함수, 이름을 통해 호출하여 실행함 2. 익명 함수 : 이름이 없는 함수, 함수명 대신 변수명에 함수를 대입하여 함수코드를 저장하는 구현 방식 1. 선언적 함수 - 매개변수가 없는 경우 생략 가능하다. - 반환할 결과값이 없는 경우 return 결과값; 도 생략 가능하다. 2. 익명 함수 - 매개변수 생략가능 => 특정 변수나 속성에 대입하는 함수가 필요할 때 주로 사용됨 (주로 이벤트 핸들러 작성시 사용) => 선언적 함수는 선언해두면 언제 어디서든 재사용이 가능하고 반면, 익명 함수는 특정함수에서만 적용되는 코드이므로 일회성적이다. 3. 함수의 매개변수 매개변수 제시시 자료형이나 변수 키워드(var, let, const) 지정할 ..

배열 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기 때문에 배열 역시 var, let, const 로 선언을 할 수 있다!! 어떤 자료형이든 상관없이 하나의 배여레 담을 수 있다. (자바의 컬렉션과 유사 ex.ArrayList) for in문 배열의 선언 배열 선언 시 배열의 크기를 지정한채로 선언하거나, 따로 크기를 지정하지 않아도 된다. (배열의 크기에 제약이 없다. => 자바 컬렉션의 장점 Array 객체의 메소드 1. indexof(찾고자하는 요소) : 배열에서 해당 요소가 위치해 있는 인덱스를 반환 ※참고. 동등비교연산자 == console.log(1 == 1); //true console.log(1 == '1'); // true => ==(동등연산자) : 자료형과 무관하게 실제값만..

- 문자열 관련 메소드 숫자(수학) 관련 메소드 다른 자료형 끼리의 산술연산 - 더하기(+) - 그 이외의 산술연산(-, *, /) 강제형변환(문자열 -> 숫자) Nunber(문자열) parseInt(문자열) parseFloat(문자열) ★응용문제★ input 태그에 값을 입력하고 버튼을 클릭하였을 때 값이 숫자인지 아닌지 출력해주세요! 값이 숫자라면 => "숫자입니다." / 숫자가 아니라면 => "숫자가 아닙니다.'를 alert으로 출력

변수 선언시 var뿐만 아니라 let, const를 이용해서 선언 가능 var 중복선언이 가능하다 / 재할당이 가능하다. let 중복선언 불가능하다 / 재할당은 가능하다 const (constant) = 상수 중복선언 불가능하다 / 재할당도 불가능하다 (상수같은 개념 == 한번 초기화된 값 변경 불가) => var는 자유롭게 변수 선언, 사용할 수 있다는 장점이 있다. 하지만 중복된 변수가 남발하게 되므로 의도치 않게 값이 변경되는 불상사가 발생할 수 있다는 단점이 있다. 따라서 보완돼서 나온게 된게 let, const 권장사항 : let, const 위주로 사용할 것이 좋겠다. 변수의 scope 1) var는 function scope == 변수가 선언된 "함수영역"내에서 사용 가능 2) let, co..

HTML 요소에 접근하기(해당 요소객체 가져오기) 1. 아이디로 접근하기 document.getElementById('Id') 2. 태그명으로 가져오기 document.getElementsByTagName('태그명') 3. name속성값으로 접근하기 document.getElementsByName('name') 4. 클래스명으로 접근하기 document.getElementsByClassName('class')

자바 스크립트 데이터 입출력 관련 객체들 1. window 자바스크립트 내장객체로 브라우저 창이 하나 열릴때마다 하나씩 만들어지는 객체 브라우저 창 안에 존재하는 모든 요소들의 최상위 객체 (즉, 모든곳에 적용되기 때문에 생략 가능) extends Object => window.alert(); == alert(); => conso.log(); == window.console.log(); 2. document 웹문서(HTML)마다 하나씩 만들어지는 객체 HTML문서에 대한 정보들을 가지고 있다. => document.getElementById(); 1. 데이터를 출력하는 기본 구문 window.alert('알림창에 출력할 문구'); window.console.log('콘솔창에 출력할 문구'); docume..

1. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해준다. 매우 빠르게 배우고 짧은 소스코드로 상호작용 하도록 고안됨. 2. 자바스크립트란? 웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어 - 자바 : 컴파일 방식 => 컴파일 단계를 거치고 나서 실행되는 개념 => 오류잡기 수월 - 자바스크립트 : 인터프리터 방식 = > 컴파일 단계를 거치지 않고 곧바로 실행되는 개념 (브라우저에서 html문서가 로딩될 때 코드를 한줄 씩 읽어내는 방식) * 자바는 컴파일 + 인터프리터 방식 - 소스코드를 한번 다 읽어내고나서 프로그램이 컴파일 후 실행되므로 코드상의 문법적인 오류가 있으면 바로 빨간줄로 알려준다. * 인터프리터 방식 - 실행되면서 소스코드..

position : 절대위치와 상대위치 기준이 되는 요소에 position : relative; 이동시킬 요소 position : absolute; 이동시킬 요소에 얼만큼 이동시킬건지 명시; z-index : 페이지 안의 요소들을 순서대로 위로 쌓는 속성 * 특징 - 값이 높을수록 위에 쌓인다. - 값의 크기는 상관이 없다. visibility : 페이지 특정 요소들을 보이거나 보이지 않게 하는 속성 float : 페이지 내의 요소들을 화면으로부터 띄워서 왼쪽 또는 오른쪽으로 배치하는 속성 float 사용후엔 반드시 해제를 해줘야 다음 컨텐츠가 제대로 출력된다. ※ 해제를 해주지 않는다면.. 그다음에 나올 요소들도 float가 적용되어서 둥둥 뜨게 된다.

width, height : content 영역의 크기를 조절하는 속성 display : 화면 배치 방법 변경, 블럭요소와 인라인요소의 속성을 변경해서 배치 방식을 변경 1. 블럭요소 => 인라인요소 2. 위에서 인라인요소로 바꾼것을 width, height속성 유지시키기 3. 기존의 인라인요소를 블럭요소로 바꾸기