본문 바로가기

WEB35

자바스크립트 예제 - 객체 (1) 내장함수 (객체) : javascript 엔진이 구동되는 시점에서 바로 제공되며 어디에서든 사용 가능 Date, Math, Array, Number, String,Boolean 등 Date 객체 예제 구매날짜와 현재날짜의 차이를 통해 교환가능의 여부를 통지하는 예제 구입날짜 : 확인 지금부터 내년까지 남은 시간 구하기 1초마다 증가하는 지금 현재 시간 구하기(시계 구현) 배열과 Date() 활용해서 이미지로 요일 나타내기 Number, String, Boolean 데이터 타입 예제 숫자형 예제(1) 복소수와 문자열의 경우, Number()에 넣었을 경우 NaN으로 나타난다. (숫자로 표현 불가) 문자열 테스트 예제 Boolean형 테스트 예제 ' ', undefined, null, 0, NaN -> fa.. 2022. 6. 27.
자바스크립트 예제 및 함수 예제 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.

티스토리툴바