본문 바로가기
반응형

전체 글183

자바스크립트 예제(6) 로또번호 발생시키기 1 ~ 45개의 숫자 중 6개의 중복되지 않는 랜덤 번호를 추출하여 오름차순 정렬하시오 [결과] [코드] 로또번호 [다른풀이1] function lotto() { let lotto = [] // 6개의 로또번호를 저장할 배열 for (let i=0; i { var lotto = [] // 6개의 로또번호를 저장할 배열 while (lotto.length < 6) { var num = parseInt(Math.random() * 45 + 1); // 1~45 까지의 정수 랜덤 추출 if (lotto.indexOf(num) === -1) { // 추출한 값이 다른 인덱스의 값과 같은지 중복확인 lotto.push(num); // 중복값이 배열에 없다면 num을 lotto배열에 push }.. 2023. 2. 16.
JavaScript(6)-2 1. 표준 객체 Math 객체 Number 객체 ✅Date객체 Date객체 메소드 종류 getDate() : 일자 getDay() : 요일 (일요일 : 0 ~ 토요일 : 6) getFullYear() : 연도 getMonth() : 월 (1월 : 0 ~ 12월 : 11) getTime() : 1970년 1월 1일부터 현재까지의 시간을 밀리초(millisecond) 단위의 숫자로 반환 getHours() : 시간중 시 (0시(0) ~ 23시(23)) getMinutes() : 시간 중 분 (0분(0) ~ 59분(59)) getSeconds() : 시간 중 초 (0초(0) ~ 59초(59)) getMilliseconds() : 시간 중 초를 밀리초(millisecond) 단위로 반환 메소드 사용방법 let .. 2023. 2. 16.
JavaScript(6)-1 문서 객체 조작하기 ✅문서 객체 모델 (DOM: Document Object Model) 자바스크립트를 활용해서 HTML요소를 조작할 수 있게 하는 방법을 모아둔 객체들의 집합 document.body.innerHTML += '' // innerHTML : 문자열 ✅document.addEvenListener() 메소드 문서객체에 이벤트를 연결하는 메소드 문서객체가 모두 만들어진 다음에 함수를 실행하게함 이벤트가 실행될 때 호출되는 콜백함수를 이벤트리스너 또는 이벤트 핸들러라고 함 메소드 실행 흐름 addEvenListener() 메소드가 없을 때 위에서 아래로 코드실행이 됨에 있어서, head태그의 document.body.innerHTML 코드를 실행하려면 body태그가 있어야하는데 아직 만들어 지지.. 2023. 2. 16.
자바스크립트 예제(5) 1. 성적표 만들기 5명의 학생을 대상으로 평균, 등수, 과락, 평균 10점당 * 한개씩, 장학생을 구한후 결과값을 표작성해서 id=demo에 아래와 같이 출력하시오 -------------------------------------------------------------------------- 이름 국어 영어 수학 평균 등수 결과 -------------------------------------------------------------------------- 라일락 100 100 100 100 1 합 격 ********** 장학생 진달래 50 55 60 55 4 불합격 ***** 개나리 95 95 35 75 3 재시험 ******* 무궁화 80 85 90 85 2 합 격 ******** 홍길동 .. 2023. 2. 15.
JavaScript(5) ✅함수 선언 형태 선언적 함수(옛날 사용 방식) function f (매개변수, 매개변수) { return 리턴값 } 익명 함수 const f = function(매개변수, 매개변수) { return 리턴값 } 프로시저 형태의 함수 매개변수를 갖지않는 함수 const f = function() { consol.log('안녕하세요 + ${x}') consol.log('안녕하세요 + ${x}') consol.log('안녕하세요 + ${x}') } 수학적 함수 매개변수가 있는 함수 const f = function(x) { return x + 5 } ✅API (Application Programming Interface) 애플리케이션 프로그램을 만들때의 약속 ✅나머지 매개변수 API 에 많이 사용되므로 형태를.. 2023. 2. 15.
자바스크립트 예제 (4) 반복문 연습문제 1. 아래와 같이 출력하시오 12345 23456 34567 45678 56789 [풀이] for (let i=1; i 2023. 2. 14.
JavaScript(4) 1. 스택, 힙, 비파괴적 처리, 파괴적 처리 기본자료형 복합자료형 숫자, 문자열, boolean 배열, 함수, 객체 stack 차례로 저장됨 저장 가능 값이 작음 숫자, 문자열, boolean 저장 (기본자료형) hip 마구잡이로 저장됨 저장 가능 값이 큼 배열, 함수, 객체 저장 (복합자료형) 💡 스택영역에 저장될 수 없는 큰 값인 복합자료형은 힙 영역에 저장됨 → 값이 저장되어있는 힙 영역에 주소(번지)를 주어서 그 주소값을 스택 영역에 저장 → 힙영역 값을 불러올때는 스택영역에 저장된 주소를 레퍼런스(참조)함 비파괴적 처리 처리 후에 원본 그대로 유지 파괴적 처리 처리 후에 원본 변경됨 자바스크립트 특성상 값을 변경할 때 값을 생성하는것이아닌, 그 값을 직접적으로 변경 → 따라서 레퍼런스하는 주소.. 2023. 2. 14.
자바스크립트 예제 (3) 1. if문 이용하기 1-1) 운행거리에 따른 택시 요금을 계산하시오 (단, 2000m 이하는 기본요금 900원 / 2000m 초과 운행시 200m 마다 기본요금에 100원씩 가산하여 요금을 계산한다.) [풀이] const f = (x) => { let y = 900; // 요금 기본값 설정 if(x>2000) { y = 900 + Math.ceil((x-2000)/200)*100 } console.log(`총 운행거리: ${x}m`) console.log('기본요금: 900원') console.log(`추가요금: ${y-900}원`) console.log(`전체요금: ${y}원`) } 2. for문 이용하기 2-1) 정수 1~x 사이의 모든 수를 더하시오 (누적 합) [풀이] const f = (x) .. 2023. 2. 13.
JavaScript(3) for 문 조건식이 true일때 실행문이 반복해서 수행됨 for (let i = 1; i < 10; i++) { document.write(i + " "); } for/of 문 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해줌 반복할 수 있는 객체 : Array, Map, Set, arguments 객체 등 루프마다 객체의 열거할 수 있는 프로퍼티의 값을 지정된 변수에 대입 let arr = ['바나나', '사과', '귤']; for (let i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함. document.write(arr[i]); } for (const value of arr) { // 위와 같은 동작을 하.. 2023. 2. 13.
반응형