1. 문서의 골격 헤드 본문 일반적인 문단 웹페이지 맨 아래 써있는 내용. 대부분 저작권이 명시됨 ex.회사명, 대표이사 이름, 사업자등록번호, 주소, 전화번호 한글 입력에 필요 css파일과 연결 김 멋 사 HTML/CSS 개발자 copyright CODE LION. All rights reserved. 2. 가독성 챙기기 클래스명 설정 같은 태그여도 다른 속성을 위해 클래스를 지정할 수 있음. css파일에서는 반드시 클래스명 앞에 .을 붙여 .big-font와 같은 형태로 작성해야 클래스로 인식함 css 요소 글자색 color (색상코드 값으로 나타낼 수도 있음) 배경색 background-color 텍스트 정렬text-align 글자크기 font-size 내 이름은 김멋사 코드라이언으로 코딩 배웠지 ..
미니프로젝트 #4 jQuery를 활용한 미니게임 jQuery 선언 방식 : $(선택자).행위; $(‘#click’).click(함수이름) 클릭했을 때 함수 실행 (# 는 id를 나타내는 태그)
미니프로젝트 #3 기념일 디데이 계산기 var now = new Date(); var a = new Date(‘2020-12-25’) 특정 일의 date 객체 var a = new Date(1000) 1970년 1월 1일 00:00:00을 기준으로 1000밀리초 만큼 흐른 시간에 대한 정보 now.getFullYear() 년도정보 .getMonth() 월 정보 (0=1월, 1=2월 ...) .getDate() 일 정보 .getTime() 1970년 1월 1일 00:00:00을 기준으로 흐른 시간을 밀리초로 나타냄
미니프로젝트 #2 글자 수 계산기 document.getElementById(‘Id’) 특정 ID를 가진 태그 선택 document.getElementById(‘Id’).value 태그 안의 값 document.getElementById(‘Id’).innerHTML 태그 안의 값 .substring(a,b) 인덱스 a이상 b미만의 문자열만 표시 자기소개 내용을 입력하세요. (0/200)
미니프로젝트 #1 로또 번호 추첨 .indexOf(값) 인덱스 : 배열 안에 해당 값이 있으면 위치 인덱스, 없으면 -1 반환 .length 배열의 길이 .sort() 정렬(사전순) / .sort((a, b) => a-b) 오름차순 정렬 / .sort((a, b) => b-a) 내림차순 정렬 .substring(a,b) 인덱스 a이상 b미만의 문자열만 표시 Math.random() 0이상 1미만의 소수 랜덤 반환 Math.floor() 소수점 이하 버림 parseInt() 정수로 형 변환 document.write() 출력 console.log() 콘솔에 출력
배열 var emptyArray = []; var num = [1,2,3,4,5]; num.push(6); // 배열의 마지막에 값 추가 num.pop(6); // 배열의 마지막 값을 제거 num.shift(); // 배열 데이터를 왼쪽으로 하나씩 밀어 맨 앞의 값을 제거 num.splice(); // 배열값을 추가하거나 제거해서 변경 num.reverse(); // 역순으로 배치 num.sort(); // 사전 순 정렬 num.sort((a, b) => a-b) // 오름차순 정렬 num.sort((a, b) => b-a) // 내림차순 정렬 객체 var jsObject = { key : value } jsObject[key] = value var obj = [ { "id" : 2000, "name" ..
01. 변수 선언 var int; var int = 10; var str = "안녕하세요"; // 문자열, 큰따옴표, 작은따옴표 모두 사용 가능 02. 출력문 document.write("안녕하세요"); console.log("안녕하세요"); // 콘솔에 출력 int a = 10; document.write(10); console.log(10); 03. 조건문 if (조건) { : 내용 } else if(조건) { 내용 } else { 내용 } 04 반복문 for (var i = 0; i
