알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

[javascript] 창제어 사용중인 웹브라우져의 창을 제어할때 어떻게 제어하는지 알아 보겠습니다. 먼저 windwos.open() 함수는 새로운 창을 여는 함수 입니다. newopenhtml.html 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. _blank는 새 창을 의미한다. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한 이름의 창이 있다면 그곳으로 문서가 로드된다. 세번재 인자는 새 창의 모양과 관련된 속성이 온다. 그리고 demo2.html 을 newopenhtml.html 이 있는 폴더에 만들어 줍니다. demo2.html test wi..

BOM(Browser Object Model)BOM(Browser Object Model)이란 웹브라우저의 창이나 프래임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. BOM은 전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있다. 따라서 BOM에 대한 수업은 Window 객체의 프로퍼티와 메소드의 사용법을 배우는 것이라고 해도 과언이 아닐 것이다. Location 객체 하지만 location 객체를 에디터로 테스트 하기 어려운 면이 있어서 크롬을 켜고 F12 단축키를 눌러서 개발자 모드를 실행합니다. 이부분에 입력 해서 샘플 코드를 진행 하겠습니다. console.log(location.protocol, location.host, location.port, locat..

alert경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅등의 용도로 많이 사용한다. confirm confirm('ok?') 은 yes을 누를 경우 리턴으로 true를 하고 cancle 을 누를 경우에 false 를 리턴 합니다. prompt 리턴 값으로는 입력하고 확인 버튼을 누른 값으로 리턴합니다.

Window 객체Window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다 전역객체Window 객체는 식별자 window를 통해서 얻을 수 있다. 또한 생략 가능하다. Window 객체의 메소드인 alert을 호출하는 방법은 아래와 같다. 전역변수 a 접근하는 방법은 아래와 같다. 객체를 만든다는 것은 결국 window 객체의 프로퍼티를 만드는 것과 같다. 예제를 통해서 알 수 있는 것은 전역변수와 함수가 사실은 window 객체의 프로퍼티와 메소드라는 것이다. 또한 모든 객체는 사실 window의 자식이라는 것도 알 수 있다. 이러한 특성을 ECMAScript[표쥰 javascript]에서는 Global 객체라고 부른다. ECMAScript의 Global 객체는 호스트 ..

전압 전류의 자연적 성질 일반적으로 우리는 전기는 V=IR 이라 학교에서 외우지만 자연적으로 어떻게 전기 에너지가 생기는지 설명을 많이 듣지는 않습니다. 왜 V=IR 인가에 대해서 차근 차근 풀어나가 보려 합니다. 최대한 수학을 배제 하고 말이죠. 우선 이전에 우리는 배웠습니다 원자의 기본 성질 [안정화] 바로 안정화를 취하기 위한 성질에서 전압이 힘이 생기게 됩니다. 전압이제 부터 원자를 표시할때 아래와 같이 간단히 표현 하겠습니다. 1가지 가정을 들어 보겠습니다. 안전화를 이룬 물질과 불안정한 물질이 있다고 해 봅시다. 그리고는 철판으로 이었다고 가정하면 어떻게 될까요 ?? 끌어 당기는 에너지로 -전자를 떼어낸뒤 불안정한 정공이 있는 원자가 자신쪽으로 전자를 끌어 당깁니다. 이렇게 끌어 당긴 -전자로..

JOIN의 종류와 사용법 JOIN은 주로 테이블 2개 이상의 다중 테이블에서 서로 데이터를 합쳐 1개의 테이블로 만드는데 사용됩니다. JOIN 종류JOIN 에서는 대표적으로 4가지 조인이 있습니다. 각 상황에 맞게 조인을 사용하는것 입니다. JOIN 사용법 INNER JOIN example SELECT *FROM authors AS a INNER JOIN publishers AS pON a.city = p.city LEFT OUTER JOIN exampleSELECT title, stor_id, ord_num, qty, ord_dateFROM titles LEFT OUTER JOIN salesON titles.title_id = sales.title_id RIGHT OUTER JOIN exampleSEL..

SQL 임시,변수 테이블 사용 데이터 베이스에서 복잡한 쿼리를 사용하다 보면 조인으로 너무나 힘든 부분들이 있습니다. 그래서 찾아 낸것이 테이블을 임시로 생성해서 사용하는것을 찾아 보았습니다. 임시 Table 임시 Table이란 말 그대로 tempdb에 임시적으로 만들어지는 Table로서 특징에 따라 지역임시Table과 전역임시Table 두가지로 나눌 수 있습니다. 지역임시Table은 Table이 생성되는 Session이 끝나면 자동으로 삭제됨니다. 예를들어 Procedure내에서 지역임시Table이 생성되었을때 해당 Procedure가 종료되면 Drop Table을 사용하지 않더라도 자동으로 삭제되는 것입니다. 반면 전역임시 Table은 Table을 사용(참조)하고 있는 모든 작업이 종료되어야만 삭제되..

원자 구조 먼저 원자에는 띠가 존자 합니다. 그리고 그 띠중에서 최외각 에 있는 전자를 최외각 전자 라고 합니다. 현재 인류가 에너지를 주어 -전자를 떼어낼수 있는 부분은 최외각 전자 들입니다. 원소 주기율표물질의 이러한 원자들의 성분들을 정리를 해놓은것인 흔히 많이 중학교 화학 시간에 나오는 원소 주기율표 입니다. 그리고 우리는 그림에서 보이는 띠를 원소 주기율표에서 주기라고 합니다. 그리고 양성자(+전자)의 갯수를 족이라고 합니다. 여기서 중요한것은 최외각 -전자의 갯수 입니다. 여기서 최외각 -전자들의 갯수 들에의해 자유전자가 되는정도의 필요한 에너지가 서로 다릅니다. 1~3 까지 정도는 -전자의 들에 정말 조금만 에너지를 줘도 자유전자가 되어 버립니다. (도체) 4~5 개는 어느 정도 에너지를 주..

Object Model Object Model 을 익힌 다는것은 java script 를 웹브라이저를 제어하기 위한 목적으로 사용됩니다. java script의 언어로 웹브라우저 의 Object 을 제어가는 것이 목적인 것이죠 . object가 추상적으로 느껴 질수 있습니다. 그이유는 직접 코드를 작성한 부분이 아니고 웹브라우져에서 지원하는 개념이기 때문에 object 속에 웹브라이저와 어떻게 연동 되어 작동 되는지 일일이 알지 못해도 java script 를 이용해 제어 할수 있도록 브라우저 회사 또는 표준화 단체에서 메뉴얼을 주고서는 사용하라고 하는것이죠. java script 를 이용하여 웹브라이저를 제어할때 쓰이는 객체는 위와 같은 구조를 보입니다. windows 는 최상위 object 이며 이 ..

HTML JavaScript 기본형 test1.html 위와 같은 코드를 입력하면 document.getElementById('hw') 부분에서 보듯이 태그중 id가 hw인 객체를 가져와서 addEventListener 함수를 통해 click 시 함수를 등록 시켜 줍니다. 이러한 부분들이 웹브라우저의 java script API를 사용한 부분입니다. 이러한 부분이 java script 보통의 언어강의에 없는것은 웹브라우저의 API 이지 언어를 설명하는 부분이 아니기 때문입니다. HTML JavaScript 파일로 나누기test1.html script2.js var hw = document.getElementById('hw'); hw.addEventListener('click',function(){ ale..