본문 바로가기

분류 전체보기

(346)
JavaScript의 이해 - Loop 1. Loop 순서대로 실행되는 것이 프로그램의 기본적인 순서이다 loop(반복문)을 사용할때 while(true or false){ } 즉 while()의 ()값을 보고 true이면 {}안에 있는 것을 순서대로 하나하나 실행시키고 그 끝에 다다르면 다시 ()안의 값이 true인지 false인지 보고 true이면 또다시 {}안의 코드를 반복하며 ()의 값이false가 될때까지 반복한다 *if문과 같이 while문의 ()안에는 true or false를 나타내는 boolean data types(,==등)이 온다
JavaScript의 이해 - array * 를 로 바꾸어도 인식이 됨 1. array 배열? 데이터가 많아짐에 따라 그 많은 데이터를 그냥 둘수 없기에 서로 연관된데이터를 정리해서 담아두는 수납장을 배열 이라고 한다 *배열안의 각각의 값을 원소(element)라고 하며 예를 들어 0번째 원소값을 get할때는 index 0 이라고 표현한다 *관려추천검색어 Javascript array add, get
JavaScript의 이해 - 리펙토링 1.리팩토링 - 중복의제거 document.querySelector('input')은 자기 자신의 태그를 가르키는 것으로 this로 대체가능 document.querySelector('body')는 변수를 주어 var target 으로 대체가능 *변수를 주는 위치는 해당 태그 안에서 동작하는 JavaScript의 언어가 오는 부분 상단 tip) 같은 레터 동시 드래그 단축키 = ctrl + D
JavaScript의 이해- Conditional statements(조건문) 예제1if(true){실행 type1}else{실행 type2}해석-if()의 괄호내용이 true라면 true절 내용인 type1을 실행하고 false인 else절은 무시한다 예제2if(false){실행 type1}else{실행 type2}해석-if의 괄호내용이 false라면 false절의 내용은 무시하고 else절인 type2를 실행한다 *조건문의 if()안에는 반드시 true or false 즉 Boolean data type이 들어와야하고 그렇기에 Boolean을 만드는 비교연산자들(==,===,,=,!==,!=== 등)을 사용하여 if () 안의 내용을 삽입해야한다. 활용예제1의 tag 해석1.type은 button이고 value는 night인 input을 생성, 그리고 그것을 onclick 했을..
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의 문법에 따..