본문 바로가기
반응형

javascript16

JavaScript 복습 ✅전개연산자(Spread Operator) 배열의 전개연산자 push를 이용할 때 전개 연산자를 사용하지 않은 코드는 array 전체가 들어가 2차원 배열이 되었지만, 전개 연산자를 사용하게 되면 array 내부의 요소 하나하나가 삽입이 된다. const arr = [1,2,3]; let test_arr = [4,5,6]; let test_arr2 = [4,5,6]; test_arr.push(arr); console.log(test_arr); //[4, 5, 6, [1, 2, 3]] // 2차원 배열로 arr배열 삽입됩 //ES6 test_arr2.push(...arr); console.log(test_arr2); //[4, 5, 6, 1, 2, 3] // 1차원 배열로 arr배열 삽입됨 객체의 전개연산.. 2023. 2. 19.
JavaScript - to do list 만들기 할 일 목록 만들기 2023. 2. 18.
JavaScript(7) - 실습 : 회원가입 id중복확인과 id적용은 아직 수업진도가 안나가서 나중에 추가할 예정 부트스트랩을 이용하여 좀더 깔끔하게 만들었음 textarea 의 오른쪽 끝부분에 외부에서 사이즈 조정을할 수 있는 resize버튼이 있었는데 resize:none 처리를 하여 없앴음 [결과] [html 코드] 회원가입 이름 아이디 비밀번호 주민등록번호 이용 약관 동의 내용 생략 이용 약관 동의 [js 코드] /* member.js */ const validate = () => { // 이름 // 1. 두글자 이상 // 2. trim() 적용 // 조건 불만족시 // 입력창 아래에 "두 글자 이상의 한글 또는 영문만 사용 가능합니다." 출력(color:red) // 해당 폼이 서버로 전송되는것을 차단 // 커서가 입력창으로 가게하기 le.. 2023. 2. 17.
자바스크립트 예제(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.
반응형