이부분은 꼭 알고 꼭 숙지해야하는 부분입니다 리스너 즉 이벤트 리스너 라고 불리는 녀석입니다 항상 리스닝 하고있는 상태이기때문에 리스너 라고 부릅니다 예를들어 우리가 버튼을 클릭하거나 윈도우객체가 로드 되는 시점에 어떠한 동작을 하게 한다던가 이러한 방식이 바로 윈도우 리스너 입니다 가장 간단한 리스너 하나를 예로 봅시다 window객체가 로드될때 실행되는 리스너는 다들 아시리라 생각합니다 window.onload = function () { console.log("윈도우 객체가 로드되었어요"); } 이와 같이 사용하기도 하고 다른 방법은 html에 직접 삽입하는것입니다 하지만 추천하는 방법은 아닙니다 기본적으로 html과 js와 css와 백앤드 언어는 분리되어야 유지보수가 편하고 복잡하지 않습니다 간단..

정말 자바스크립트를 사용하는 데에 있어 배열은 필수입니다 선언은 간단합니다 대괄호를 이용해 선언합니다 var array = [1,2,3,4,5]; 이와 같이 선언하고 배열에서 자주 사용되는 여러 가지 메서드가 있습니다 먼저 가장 기본적인 길이를 알려주는 메서드는 length입니다 array.length; 이와 같이 입력하면 아마 5라는 값이 나올 겁니다 concat 메서드는 서로 값을 합쳐줍니다 위의 배열에 array.concat(6,7); 하면 array의 값은 [1,2,3,4,5,6,7] 이 됩니다 array.reverse()는 인자가 없고 말 그대로 배열 내용을 통째로 바꿉니다 위에서 1,2,3,4,5,6,7 이였으면 7,6,5,4,3,2,1로 변경됩니다 그리고 중요한 push입니다 배열의 마지막에..

자바 스크립트 함수는 무엇일까 학교 수학 시간에 들었던 함수를 들었던 기억은 다들 있을것이다 그 원리는 같다 어떠한 값을 넣어 내부적인 식에 의해 원하는 값을 돌려주는 그게 바로 함수이다 예를 들어 숫자 두개를 넣어 두 숫자를 합하는 함수를 만들어 봐야겠다 라고 한다면 //값을 삽입하고 받아올 변수 var num = 0; var num2 = 1; var result = 0; function add ( firstNum , secondNum ){ return firstNum + secondNum; } result = add(num, num2); 아주 아주 간단한 함수를 하나 만들어보았다 이 방식은 일반적으로 쓰는 함수의 형태이다 다른 형태로도 가능한데 이것은 조금 다른 형태이다 var result = fun..

일단 자바 스크립트의 장점부터 이야기 해보겠다 자바 스크립트가 좋은 이유는 절차, 객체, 함수 형으로 모든 것을 활용 가능하고 이러한 기법을 활용 할 수 있다는것이 가장 큰 장점이다 그리고 백앤드 언어인 자바처럼 내용이 변경되면 서버 재시작 필요없이 클라이언트 단에서 바로 변경이 확인 가능한다는 것이 그 장점이라고 볼 수 있다 자 그럼 자바 스크립트의 기초적인 내용을 서술한다 변수 변수를 지정할때 아래와 같이 초기화 한다 (이 초기화 한다라는 말은 변수를 지정하면서 값을 삽입 한다라는 의미정도로 이해하면 된다 ) var testText = 'test'; var testText2 = "test"; 자 변수를 초기화 하면서 의문이 var 는 무엇인가에 대한것인데 variable 의 어원이다 뜻은 변수 라는 ..

카멜 케이스 java 언어를 개발 할때에 지키지 않아도 되지만 모두가 암묵적인 룰로 지키고 있는 규칙이다 예를 들어 클래스를 선언 할때는 public class TestCls { ... }와 같이 단어의 첫 글자마다 대문자로 표기한다 메서드와 변수의 네이밍 규직은 앞단어 첫글자를 소문자로 그 이후부터 대문자로 바꿔준 예를 들어 selectTestDataList {...} 와 같이 첫 단어의 첫 글자를 소문자로 작성한다 이는 가독성도 좋아지며 훗날 다른 프레임워크들을 만나도 익숙하게 보일것이다 자르(jar) 여러개의 클래스와 그 클래스들이 사용하는 여러 정적데이터(그림, 택스트), 메타데이타 를 하나의 파일로 모아서 다른 자바 플랫폼에 사용하기 위해 라이브러리 형태로도 사용 가능한 패키지 파일포맷 입니다 ..