Hello World

Js에서 자주 사용 하고 편리한 Array Method를 알아보자. .length : 배열의 전체 길이를 리턴 .pop(popping) : 마지막 요소값 리턴 (마지막 요소값 리턴되면서 기존 배열에서 없어짐) ex) var fruits = ["Apple","Banana","Orange","Strawberry"]; var pop = fruits.pop(); console.log(fruits); 출력 : ["Apple", "Banana", "Orange"] .push(pushing) : 배열 마지막에 요소(값) 삽입 (리턴값으로 배열의 길이를 반환한다) ex) var fruits = ["Apple","Banana","Orange","Strawberry"]; var push = fruits.push("Grap..

JavaScript에서 자주 사용하는 메서드 또는 코드들을 사용하기 쉽게 모아놓은 라이브러리이이다. 어제 Js만 이용하여 로또 앱을 업그래이드 해보았는데.. Jquery를 이용하면 가독성도 뛰어나고 복잡한 if for문을 계속 사용하지 않아도 된다. (특히 여러장 출력 하는 코드를 Js에서 if문과 for문을 이용해 구현하였는데 Jquery add 메서드를 사용하면 편하게 해결할 수 있다. 그리고 Jquery 애니메이션 메서드는 신세계!! JQuery의 기본 문법 1. $('선택자').method(파라미터로 함수 값으로 입력(직접 입력 가능)) 2. (HTML문서가 로드된 후 Jquery가 동작하라는 문법) $(function(){ 실행될 명령문.. });

1.Js에서 Dom으로 HTML Event 조작가능 또한 함수는 값으로써 사용이 가능하다. ex) (추가적으로 Dom으로 불러온 Event는 함수를 값으로써 사용 가능하다. document.getElementById("myBtn").onclick = displayDate; function displayDate() { document.getElementById("demo").innerHTML = Date(); 2.addEventListener(이벤트 사용시 메게변수에 on은 제외 시킨다.) ex) document.getElementById("myBtn").addEventListener("click", displayDate);

HTML에 JavaScript를 사용하여 실시간으로 리스트를 추가 하는 웹페이지를 만들어보자 HTML elements , JavaScript array(배열),for(반복문),array.push() array push메서드를 이용하여 배열 마지막에 요소를 추가한다음 for문으로 배열을 역으로 리스트에 마지막 값이 첫번째로 오게 한다. 실행 짤.(클릭) 참고 : 중앙정보처리학원

Swith키워드란 다중조건문을 의미하여 다중if와 동일한 기능을 수행한다. 다중 if에 비해 식이 조금 간편한데 디테일하게 조건을 줄수는 없다. 아래 다중if와 Switch 조건식 차이를 보자 if문 조건식에 >, =,

리터럴(literal) : 소스 코드의 고정된 값을 대표하는 용어다. 거의 모든 프로그래밍 언어는 정수, 부동 소수점 숫자, 문자열, 불린 자료형과 같은 용어를 가지고 있다. 명령문(Statement) : 명령이 실행되는 문장을 말하며 세미콜론; 으로 문장이 끝난다.

JavaScript는 function(함수)는 다른 객체처럼 속성 및 메서드를 가질 수 있기에 객체로 표현이 된다. 다른 객체와 함수를 구별하는 것은 함수는 호출될 수 있다는 것입니다. * function는 이름이 없을수도 있다. (생략가능) * JS에서는 함수가 값이 될 수 있다 ( Java Script Object(객체)란 객체는 어떻게 보면 자바스크립트 그 자체라고 볼 수 있다. Js는 객체 지향 언어 이며 대부분이 객체를 불러와 실행된다. ex) 우리가 잘못알고 있는 String(문자열) 도 객체 로 포함되며 대표적인 String 메서드로는 length(문자열카운트) 가 있다. object 정의 표현식 ex)

JS 콘솔을 사용하는 이유 소스코드의 일부를 실행시켜 문제 여부를 바로 판단 가능 웹페이지 소스코드 분석 콘솔창 단축키 종류 (Chrom 기준) 상황 단축키 Chrom, Explorer콘솔창 띄우기 F12 Elements탭에서 콘솔창 실행 F12 누른후 ESC 콘솔창에서 방금 사용한 소스코드 사용 ↑ JS(Datatype)자료형 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean true,false(논리타입) Null null(빈값) Undefined 값을 할당하지 않은 변수 (주의 Null과 다름) Null = Null이라는 값이 들어감 Undefined = 할당된 값이 없음 Number 정수 실수 모두 표현 +무한대, -무한대, and NaN (숫자가 아님)이 있다. String..

JavaScript란 HTML,CSS로 구성된 언어의 웹을 동적으로 표현 해주는 언어이다. (사용자와 상호작용) 그렇담 HTML에서 JS를 어떻게 사용할까? Event 와의 연동 1. HTML Attributes(속성)과의 연동 ex) 2. HTML element과의 연동 ex) document.querySelector('myimage'); tag에 id값을 준다음 JavaScript로 해당 tag컨트롤이 가능하다. Event란 어떠한 사건을 의미한다. 위 코드로 설명을 해보자면 버튼을 클릭하였을때 JS alert창을 띄어라 라는 뜻. Event종류는 여러가지가 있는대 대표적으로 onclock(왼쪽버튼클릭시), onload(문서로딩시) 등등이 있다.