WebApp/JavaScript (20) 썸네일형 리스트형 JavaScript의 이해 - Comparison operators & Boolean 목표 Comparison이라는 비교연사자와 Boolean이라는 새로운 data type의 이해 1. === 이란? 뜻은? 동등비교연산자 즉 연산자의 왼쪽값과 오른쪾 값이 같느냐?? 같으면 true 출력 만약 다르면 false 출력 2. ===는 비교연산자이자 이항연산자이다 좌항과 우항이 있고 좌항과 우항을 결합하여 어떠한 데이터를 만든다 예를들어 1+1=2 에서 +는 이항연산자로 왼쪽과 오른쪽의 값을 더하여 2를 만든다는 것으로 여기서 === 연산자는 왼쪽값과 오른쪽 값을 비교하여 만약에 같다면 이것 자체가 true라는 값이 되고 다르다면 false라는 값이 되는 것이다 즉 ===이라는 비교연산자는 좌항과 우항의 관계에 따라서 true 아니면 fales 둘중 하나의 값을 만들어내는 연산자이다 그리고 이 .. JavaScript의 이해 - onclick 목표Javascript를 통해 웹페이지에 button을 활성화시키고 click했을때 변화를 주고 싶음 문제body tag에 style속성을 주기 위해서는 "이 속성을 주고자하는 tag가 누구인가?" 즉 body태그라는 것을 웹브라우져에게 알려주어야하는데 이 방법을 Javascript 문법으로 어떻게 입력하느냐 그리고 어떻게 속성을 입력하느냐(Javascript를 통하여 제어하고자 하는 tag를 선택, css를 입력) 해결 0. Javascript in html의 방법으로 button을 만들고, 클릭했을때 body tag에 style 속성이 생겨나도록 하기 위해서는 1. == 버튼생성 2. 버튼을 클릭했을때 라는 event가 필요 ==onclick event 3. night라는 버튼을 클릭했을때 body .. JavaScript의 이해 - data types JavaScript data types의 기본 1.string(문자열) 기본적으로 "" 혹은 ''안에 문자열이 옴 2.Number(숫자) 기본적으로 ""등은 쓰지 않고 숫자가 오며 +, -, *, / 등을 사용하는데 이를 이항연산자 중 산술연산자라 한다 3.variable(변수) x=1 에서 x는 variable(변수) =는 대입연산자 1은 constant(상수)라고 부르며 대입연산자는 두가지 해석이 가능하다 일반적으로는 "오른쪽항의 값을 왼쪽의 변수에 대입한다"는 의미이고 또한 "좌항과 우항을 결합하여 우항의 값을 만든다"고 해석하기도 한다 JavaScript의 이해 1. tag body tag 안에 script tag를 이용하여 document.write(); 를 입력 document.write();는 JS코드중 웹페이지에 글씨를 출력할떄 쓰는 코드 2. event 사용자가 어떠한 행위를 했을때 특정한 사건(event)가 일어나도록 코드를 작성하는 것으로 onclick="" 해석= 클릭했을때~ onchange="" 해석= 안의내용을 바꿧을때~ onkeydown="" 해석=커서를 바깥으로 옮겼을때~ 등(event attribute)이 있으며 해석을 하자면 위 속성들의 값으로는 항상 JavaScript의 코드가 들어와야하며 이 값을 웹브라우져가 기억하고 있다가 사용자에 의해 속성의 행위가 이루어졌을때 속성이 속해있는 tag에 그 기억값을 JavaScript의 문법에 따.. 이전 1 2 3 다음
