목록전체 글 (134)
코밍이의 하루
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 배열 객체 - 여러 개의 데이터를 하나의 저장소에 저장할 때 사용 기본형 var 참조 변수 = new Array(); 참조 변수[0]=값1; 참조 변수[1]=값2; ... 참조 변수[n-1]=값n; var 참조 변수 = new Array(값1, 값2, 값3 ... 값n); var 참조 변수 = [값1, 값2, 값3, ...값n]; 2) 배열 객체에 저장된 데이터 불러오기 기본형 참조 변수[인덱스 번호]; 3) 배열 객체의 메소드 및 속성 종류 설명 join(연결 문자) 배열 객체의 데이터를 연결 문자 기준으로..
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 수학 객체 - 수학과 관련된 기능과 속성을 제공 2) 수학 객체의 메소드 및 상수 종류 설명 Math.abs(숫자) 숫자의 절댓값을 반환 Math.max(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 큰 값 반환 Math.min(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 작은 값 반환 Math.pow(숫자, 제곱값) 숫자의 거듭제곱값 반환 Math.random() 0~1 사이의 난수 반환 Math.round(숫자) 소수점 첫째 자리에서 반올림하여 정수 반환 Math.cell(숫자) 소수점 첫째 자리..
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 날짜 정보 객체 - 날짜나 시간 관련 정보를 제공받고 싶을 때 날짜 객체(Date Object) 생성 기본형 ① 참조 변수= new Date(); ex) var t = new Date(); ② 참조 변수 = new Date("연/월/일"); ex) var t = new Date("2002/5/31"); ③ 참조 변수 = new Date("연, 월-1, 일"); ex) var t = new Date(2002,4,31); 2) 날짜 관련 메소드 날짜 정보를 가져올 때(GET) 날짜 정보를 수정할 때(SET) ge..
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 내장 객체 - 브라우저의 JS 엔진에 내장된 객체 - 종류 : 문자, 날짜, 배열, 수학, 정규 표현 객체 등 2) 내장 객체 생성하기 기본형 참조 변수(인스턴스 이름) = new 생성 함수() 3. 소스 코드 및 실행 결과 - ob1_test.html
1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 목록 표시, 사전 구성처러 '제목'과 '설명이 한 쌍인 설명 목록을 만든다. 제목 표시 설명 표시 3. 소스 코드 - dl.html 제주 올레 올레 1코스 코스 : 시흥 초등학교 옆 - 광치기 해변 거리 : 14.6km(4~5시간) 난이도 : 중 올레 2코스 코스 : 광치기 해변 - 온평 포구 거리 : 14.5km(4~5시간) 난이도 : 중 국가 전염병 위기 경보 수준 관심 주의 경계 심각 4. 실행 화면
1. 개발 환경 구분 내용 사용 언어 HTML5 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 순서가 필요한 목록을 만들 때 사용 태그안에 위치하며 각 항목 표시 2) ol 속성 속성 내용 type 항목 앞에 오는 타입을 다양하게 조절(1,a,A,i,I) start 순서목록은 기본값 1부터 시작, 순번 지정을 통해 중간 번호부터 시작할 수 있음. reversed 항목을 역순으로 표시 3. 소스 코드 - ol.html 1박 2일 가족 여행 코스 1일차 해녀박물관 낚시체험 2일차 용눈이오름 만장굴 카약체험 4. 실행 화면