⁂ Java Script

[JS] #7-1 이벤트(Event)

1. 이벤트?😊 미안하지만 설레는 그런 이벤트 아니다(ㅎ). 자바스크립트에서 이벤트란! 무언가의 상황이 벌어지는 것을 뜻한다. 앞에서도 설명했듯 코드를 아무리 잘 짜도 그 코드가 클릭을 해야만 작동되는 것이라면 클릭하기 전까진 아무것도 벌어지지 않는다는 말이다. 결국 자바스크립트는 이벤트를 발생시킨 후 함수를 호출함으로 실행이 된다. 자바스크립트에서 흔히 쓰이는 이벤트는 아래와 같다. 이벤트 설명 onchange 다른 객체로 바뀌었을 때 onclick 마우스를 클릭했을 때 onmouseover 마우스가 올려졌을 때 onmouseout 마우스가 나갔을 때 onkeydown 키보드가 눌렸을 때 onload 문서를 불러오는 작업이 끝났을 때 물론 이 이벤트를 더 세부적으로 표현할 수도 있지만 가장 굵직하고도 ..

[JS] #6-4 함수(Function) : .js파일 만들기

1. .js파일을 만들어보자 .css 파일을 기억하는가? css에서 style들을 저장해두고 불러오기 위해 사용하는 파일이었다. 자바스크립트에서도 비슷한 방식을 사용 가능하다. 바로 .js 파일을 만드는 것이다. 이 파일은 파일 자체가 로 묶여있기 때문에 따로 명시할 필요 없이 필요한 자바스크립트 문법을 사용하면 된다. 비쥬얼스튜디오에서 새 창을 열어서 확장자를 js로 저장한 뒤 아래와 같은 세가지 함수를 만들었다. 1) 두 수 사이의 합을 반환하는 함수 2) 두 수의 차이를 반환하는 함수 3) 윤년과 평년을 반환하는 함수 전체 코드는 아래와 같다. /* myscript.js */ function hap(a,b) { // 두 수 사이의 합을 반환하시오 if(a>b){ let tmp=a; a=b; b=tm..

[JS] #6-3 함수(Function) : 변수의 유효 범위(Scope)

1. 이벤트(event) 맛보기 자바스크립트는 이벤트(event)를 발생시켜서 함수(function)을 호출시켜서 값을 출력시키는 것이 기본적인 형태이다. 예를 들어 버튼을 하나 만들었다. 이 버튼을 가만히 내버려두면 아무런 일도 발생하지 않는다. 이 버튼을 동작하게 하려면 클릭! 이라는 이벤트가 있어야 한다. 이 클릭 이벤트(Click event)로 인해 버튼에 연결되었던 함수가 호출되어 프로그램이 동작을 하는 것이다. 이런 것을 이벤트라고 한다. 그리고 이 이벤트에 대한 동작을 자바 스크립트 또는 jQuery로 실행하게 된다. 2. 변수의 종류 학교에 입학하면 나의 반이 있다. 그리고 수업 시간에 나는 나의 반에 들어가야 한다. 옆에 반에 들어가면 나는 내가 이 시간에 배워야할 것을 배우지 못하게 되..

[JS] #6-2 함수(Function) : 내장 객체(Object)

1. 객체란? 객체는 특정한 기능을 제공받는 것이라 이해하면 된다. 이것은 다른 프로그래밍 언어에서 각기 다른 이름으로 불리지만 결국 목적은 같다. 필요한 기능을 손쉽게 사용하는 것! 아래의 참조사이트를 참고하자. 참조 사이트(객체의 개념) : https://www.w3schools.com/js/js_objects.asp JavaScript Objects W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. ..

[JS] #6-1 함수(Function) : 기본 문법, 전달값, 매개변수, 리턴값

1. ★★★★★ 함수는 별이 다섯개 ★★★★★ 지금까지 배운 자바스크립트에 대한 내용은 이제 시작이라고 말할 수 있다. 왜냐하면 함수를 배우지 않았기 때문이다. 그런데! 사실 우리는 함수를 자주 사용해왔다. 대체 우리가 언제 써왔는지, 함수에 대해 배워가면서 알게 될 것이다. 함수는 자바 스크립트에서는 function, 자바에서는 method라고 불린다. 이 함수는 아주! 아주! 중요한 영역이다. 비쥬얼 스튜디오를 사용하여 무언가 코딩을 할 때 자동완성기능으로 나오는 것들의 대부분이 바로 함수들이다. 그래서 중요한 함수의 문법들은 외우는 것이 기본이다. 외울 준비, 외울 각오!!! 강렬히 하고 시작해보자. 2. 함수의 기본 특징 1) 함수는 함수마다 일정한 기능을 갖고 있다. 2) 함수는 우선 정의를 내..

[JS] #5 Date 객체

1. Date 객체에 대하여 프로그래밍 툴에는 사람들이 자주 사용하는 요소들을 구현시켜놓은 것들이 존재한다(선배님들의 노고..). 그래서 지금은 프로그램의 시나리오를 잘 짜고 그대로 구현하는 것도 필요한 큰 능력이지만, 미리 만들어져있는 것들을 능수능란하게 사용하는 것도 개발자로선 필요한 덕목 중 하나일 것이다. 그만큼! 작업속도가 월등히 빨라질테니. 이 Date 객체가 그러하다. 날짜와 시간 등을 한번에 불러와주는 객체이기 때문이다. 참조 사이트 : https://www.w3schools.com/js/js_dates.asp JavaScript Date Objects W3Schools offers free online tutorials, references and exercises in all the m..