본문 바로가기

전체 글45

자바스크립트 예제 및 함수 예제 1번 ) 텍스트 필드와 버튼을 통해 입력받은 단의 구구단을 HTML에 출력하기 window.event.keyCode : 키보드에 각 코드값 존재 keyCode가 13이라는 것은, enter키를 의미한다. document.getElementById("Id값").value -> HTML 내의 ID를 통해 ID가 가진 값을 가져온다. document.getElementById("Id값).innerHTML -> innerHTML형식으로 출력 onkeyup : 키보드가 눌러진 상태에서 떨어질 때 작동하는 이벤트 핸들러 단을 입력하세요. innerHTML영역 해당 예제의 흐름을 이해하자면, 단을 입력하세요 : ___ 확인버튼 innerHTML영역(결과값 출력되는 영역) 으로 HTML이 짜여져있고, 실제 단에 .. 2022. 6. 23.
자바스크립트 예제 - 제어문과 배열 알아보기 예제 1번 ) 문자열 변수 출력 document.writeln(), document.write()는 브라우저에 출력되나, 줄바꿈 불가하므로 태그 이용해야함 toUpperCase() 대문자로, toLowerCase() 소문자로 예제 2번 ) 자바스크립트의 데이터 타입 및 경고창 typeof(x) : x의 데이터 타입 반환 자바스크립트는 유연하기 때문에, ' ' 와 " " 를 구분하지 않고 문자열에 사용 예제 3번 ) 닫기 버튼 만들기 함수 정의 : function 함수명() { 실행할 문장 } self.close(); 자기 자신의 창을 닫는 기능 IF문 예제 4번 ) IF문과 대화상자, 형 변환 alert(메시지) : 단순 경고창 prompt(메시지,기본값) : 입력 대화상자 confirm(메시지) : 사.. 2022. 6. 22.
UI 설계 및 구현 UI설계 1-1.UI 요구사항 확인 가) UI의 활용 1. UI 흐름 이해 - UI 상세 내역 이전에 큰 흐름 살펴보기 - 목적, 용도, 개발 배경 등의 사항을 확인 및 서로 다른 부서 또는 조직 간 관계와 역할에 대한 명확한 이해 2. UI 상세 - UI는 사용자와 컴퓨터 상호 간의 소통을 원활하게 도와주는 연계 작업(원활한 의사소통이 가능하도록 고안된 물리,가상의 매개체) - 1990년대 초창기 : 사용자와 컴퓨터의 단순한 상호작용에 국한한 연구 - 업무의 복잡화와 다양화로 인해서(원인) 기존의 단순한 방법으로 인해 발생하는 오류를 줄이기 위한 방법으로의 변화 - 작업 수행 내역 작성 기능 위주 -> 기능 전달을 넘어 내용과 그 안에 포함된 뜻을 전달하는 표현 방법으로의 변화 (1) UI의 세가지 분.. 2022. 6. 22.
자바스크립트의 역사 및 기초문법 자바스크립트의 역사 1993년 Mosaic Web Browser를 만든 마크 앤더슨이 넷스케이프사를 설립한 후 이 브라우저를 업그레이드하여 Netscape Navigator라는 웹브라우저를 만들게 되었고, 전 세계 시장점유율 80%를 가지게 된다. 이후 웹브라우저에서 동적인 웹사이트 구현을 위해 브랜든 아이히를 영입, 10일만에 프로토타입에 기반한 Mocha라는 언어를 만들게 되고, 이를 LiveScript 라는 언어로 이름을 바꾸어 Netscape Navigator에서 작동시킬 수 있게 된다. 마크 앤더슨은 이를 더 유명하게 만들기 위해 Java에 편승하여 썬마이크로시스템과 마케팅 조약 체결 후 Javascript로 최종 이름으로 결정하여 승승 장구한다. 이 때 마이크로소프트사에서 JavaScript를.. 2022. 6. 21.