분류 전체보기

web 입출력

대화상자 alter : 경고 대화상자 표시 alert("경고 발생"); prompt : 문자열 입력을 받는 대화상자 표시 var input=prompt("내용을 입력하세요"); prompt가 반환하는 값은 문자열로 숫자로 변경시 parseInt를 사용해야 한다. confirm : 확인/취소 버튼이 있는 대화상자 표시 var TF= confirm("확인 or 취소"); confirm은 true or false를 반환한다. console console.time(var) 처리 시간 측정용 타이머 시작 console.timeEnd(var) 처리 시간 측정용 타이머 종료 , ms단위로 출력 var answer; console.time("answer") var TF= confirm("확인 or 취소"); conso..

7 week_1 JavaScript

Date 생성자 날짜와 시간을 표현하는 생성자 var now = new Date(); 기본 결과 ex) Mon Jan 30 2023 21:54:06 GMT+0900 (한국 표준시) now.getFullYear() 연도 반환 now.getMonth() 월 반환 (0부터 시작) now.getDate() 날짜 반환 now.getDay() 요일 반환 (0이 일요일) now.getHours / Minutes / Seconds 시간 / 분 / 초 반환 now.toLocalDateString() 날짜 정보 (yyyy.mm.dd) 형태로 반환 now.toLocalTimeString() 시간 정보 (오전/오후 hh:mm:ss) 형태로 반환 form 접근 form은 배열형태로 0부터 차곡차곡 쌓여간다. 만약 첫 번째 요소..

JS의 기본개념

JavaScript의 특징 인터프리터 언어이다. JS 코드를 컴파일하는 JIT 컴파일러가 내장되어 있어 실행속도가 증가되었다. 프로토타입을 상속하는 프로토타입 기반 객체 지향 언어이다. JS는 객체 생성후에도 프로퍼티와 메서드를 동적으로 추가하거나 삭제할 수 있다. 동적 타입 언어이다. JS는 변수타입이 없다. 따라서 데이터 타입이 동적으로 변경될 수 있다. 함수가 일급 객체이다. JS의 함수는 객체이자 함수에 함수를 넘길 수 있다. 프로그램 작성 방법 JS 코드는 body 요소 안의 html 요소에 작성하지 않는다. 보통 script 요소 여러 개를 head 요소 안에 작성한다. window.onload에 등록한 함수는 프로그램 초기 설정 작업을 수행 코드 위치에 상관없이 함수를 적용시킴 변수 선언 :..

6 week html & css

속성 id class name 적용 대상 1개 요소만 적용가능 여러 요소 적용 가능 여러 요소 적용 가능 CSS #아이디명 .클래스명 적용 불가능 JS getElementById 활용 시 사용 적용 불가능 form 태그에서의 submit 적용 시 사용 정리 고유한 식별자를 목적으로 사용 CSS 재사용 목적으로 사용 form 요소 값을 서버로 전송할 때 사용 수직 정렬 / 수평 정렬 수평 정렬은 text-align 속성을 이용한다. 수직 정렬은 vertical-align 속성을 이용한다. 또한 블록요소에서는 수직/수평 정렬이 적용되지 않는다. 만약 블록 요소에 정렬을 수행하고자 할 때는 display 속성을 통해 인라인으로 변경하자 !

기타 API

Arrays 배열에 관련된 기능을 제공하는 객체 Arrays.copyOf(arr, arr length) 배열을 길이만큼 복사 Arrays.copyOfRange(arr, start, end) 배열을 일정 부분 복사 Arrays.toString(arr) arr을 문자열로 변경 Arrays.equals(arr1,arr2) arr1 과 arr2를 비교 Arrays.sort(arr) arr를 정렬 Arrays.asList(str1, str2, str3..) 문자열들을 리스트로 변환 MessageFormat 문자열의 포맷 지정을 처리하는 객체 MessageFormat.format(String, data) String 포맷에 맞는 data 삽입 String s= "keyColor={0} keyLength={1}"; ..